| Наввигация |
|
|
 |
| Досуг |
|
|
|
| Общение |
|
|
|
| Новости |
|
|
|
| Разное |
|
|
|
|
Новое на форуме |
|
|
|
Наша Команда |
Администрация:Ярослав ICQ: 377605205
Модера:
Отсутствуют
|
|
|
Опросы |
|
|
|
 |
|
 |
|
| |
Эффект CrossSlide для Вашего сайта |
 |
|
|
|
|
|
|
1. Подключаем скрипты jquery-1.3.2.min.js и jquery.cross-slide.js 2. Прописываем функцию вызова понравившегося эффекта и необходимый стиль.
В стиле исправьте ширину и высоту блока на свою,
а в скриптах проверьте пути и имена файлов. 3. В том месте страницы, где мы хотим видеть картинки с выбранным эффектом
ставим код с нужным ID: <div id="">Загружаю…</div> Вариант 1 Code <script type="text/javascript">
$(function() {
$('#test1').crossSlide({
speed: 45,
fade: 1
}, [
{ src: 'images/1.jpg', dir: 'up' },
{ src: 'images/2.jpg', dir: 'down' },
{ src: 'images/5.jpg', dir: 'up' },
{ src: 'images/10.jpg', dir: 'down' }
]);
});
</script>
<style type="text/css">
#test1 {
margin: 1em auto;
border: 2px solid #555;
width: 550px;
height: 200px;
}
</style> Вариант 2 Code <script type="text/javascript">
$(function() {
$('#test2').crossSlide({
sleep: 2,
fade: 1
}, [
{ src: 'images/3.jpg' },
{ src: 'images/8.jpg' },
{ src: 'images/9.jpg' },
{ src: 'images/11.jpg' }
]);
});
</script>
<style type="text/css">
#test2 {
margin: 1em auto;
border: 2px solid #555;
width: 550px;
height: 344px;
}
</style> Вариант 3 Code <script type="text/javascript">
$(function() {
$('#test3').crossSlide({
fade: 1
}, [
{
src: 'images/4.jpg',
href: 'http://ruseller.com',
from: '100% 80% 1x',
to: '100% 0% 1.7x',
time: 3
}, {
src: 'images/6.jpg',
href: 'http://ruseller.com',
from: 'top left',
to: 'bottom right 1.5x',
time: 2
}, {
src: 'images/7.jpg',
href: 'http://ruseller.com',
from: '100% 80% 1.5x',
to: '80% 0% 1.1x',
time: 2
}, {
src: 'images/12.jpg',
href: 'http://ruseller.com',
from: '100% 50%',
to: '30% 50% 1.5x',
time: 2
}
]);
});
</script>
<style type="text/css">
#test3 {
margin: 1em auto;
border: 2px solid #555;
width: 550px;
height: 344px;
}
</style>
 |
|
 |
|
| Поставь на сайт - HTML: |
|
|
|
| Отправь на форум - BBCode: |
|
|
|
| Прямая ссылка на публикацию |
|
|
|
 |
|
 |
|
|
| |
|
|
|
|
|
|
| |
 |
|
 |
|
|
|
Авторизация |
|
| |
|
РадиоПлеер Super Warez Portal |
|
|
|
|
Реклама |
|
|
|
|
Наши партнеры |
|
|
|
Друзья Сайта |
|
|
|
Наша кнопка |
Получить код кнопки
Код кнопки сайта www.super-warez-por.at.ua
Если вам понравился наш сайт, вы можете добавить нашу кнопку на свой интернет ресурс.
Код для вставки кнопки:
Спасибо!
|
|
|
Статистика |
|
|
|
|
