Переход на следующий слайд
Добрый день, есть верстка для галереи:
<div class="slides">
<div class="slide 1th"></div>
<div class="slide 2th"></div>
<div class="slide 3th"></div>
</div>
<div class="nav">
<div class="btn-group">
<div class="btn active"></div>
<div class="btn"></div>
<div class="btn"></div>
</div>
</div>
Как сделать автоматический запуск слайдов? Делаю так - эмулирую нажатие на кнопку навигации:
setInterval(function(){
jQuery('.btn').trigger('click');
}, 6000);
Как сделать эмуляцию клика на следующий пункт навигации? Спасибо. |
Цитата:
Если так, то: - ищем кнопку с классом active - берем следующую за ней и кликаем - если следующей нет, берем первую и кликаем на ней |
Цитата:
Вернее второй и третий пункты? |
Дохожу до последнего, и останавливается:(
setInterval(function(){
var elem = jQuery('.btn-group .active').next();
if ( jQuery(elem).is(':last') ) {
jQuery('.btn-group .btn').trigger('click');
} else {
jQuery(elem).trigger('click');
}
}, 6000);
|
var i = 0
setInterval(function(){
$('.btn').eq(i).trigger('click');
i++;
if(i==2) i = 0;
}, 6000);
как то так |
Дело в том, что заведомо неизвестно, сколько будет слайдов.
|
var i = 0
setInterval(function(){
$('.btn').eq(i).trigger('click');
i++;
if(i== $('.slide').length-1) i = 0;
}, 6000);
тогда так |
Первый слайд меняется только со второй попытки. Обновляет у него класс active, и только потом переходит на второй.
|
Цитата:
jQuery('.btn-group .btn:first-child').trigger('click');
|
Кроме того, у меня пять слайдов, а с 4 прыгает на первую.
|
| Часовой пояс GMT +3, время: 16:57. |