Главная » 2010 » Февраль » 21 » Слайд-шоу на jquery (Скрипты для ucoz)
21.02.2010, 08:33

Слайд-шоу на jquery



Отличное слайд-шоу с использованием jquery.

ПУ-->Управление дизайном. на нужных страницах, между <head> и </head> ставим это:

Code
<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.2.73.js"></script>  
<script type="text/javascript">  
$(document).ready(function() {  
$('.slideshow').cycle({  
fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...  
});  
});  
</script>

Между <body> и </body>, это:

Quote

<div class="slideshow">
<img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" width="200" height="200" />
</div>
</div>
</div>

Красно - редактируем.

Настройки:

Значение fx: 'fade' меняет тип прокрутки слайдов.
fade- растворение
scrollLeft - скроллинг влево
scrollUp - вверх
scrollRight - вправо
sli-

Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: www.malsup.com
Категория: Скрипты uCoz | Просмотров: 7363 | Добавил: antisept | Рейтинг: 2.5/2 |
Теги: шоу, На, слайд, jQuery
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]