Воскресенье, 22.12.2024, 23:28
Меню сайта
Категории раздела
JQuery плагины [59]
JQuery уроки [69]
PHP полезное [24]
PHP уроки [21]
Css [26]
JS [3]
SQL [9]
Css 3 [17]
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Главная » Статьи » JQuery плагины

Пример Autoslide

Пример Autoslide

Май 20, 2012 | Автор admin рубрика: jQuery примеры и сниппеты

Это работает через div, находит div с нужным классом, затем скрипт снимает класс с этого div`a, и добавляет его на следующий.
Для работы скрипта нужно сделать 2 css стиля
первый с display:block
второй с display:none

1
2
3
4
5
6
7
8
9
10
11
12
13
jQuery(document).ready(function($) {
 setInterval("autoSlide()", 10000);
 });
 
 function autoSlide(){
 var nextidx = (parseInt(jQuery("#slideshow .current").index() 1) == jQuery("#slideshow .slide").length) ? 0 : parseInt(jQuery("#slideshow .current").index() 1);
 jQuery("#slideshow .current").fadeOut('slow', function(){
 jQuery(this).removeClass('current');
 jQuery("#slideshow .slide").eq(nextidx).fadeIn('slow', function(){
 jQuery(this).addClass('current');
 });
 });
 }
Категория: JQuery плагины | Добавил: ChronoW (26.11.2012)
Просмотров: 564 | Теги: Autoslide | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *: