Добавить функцию автоматического воспроизведения в слайдер jquery localScroll - PullRequest
Новая
       24

Добавить функцию автоматического воспроизведения в слайдер jquery localScroll

1 голос
/ 07 декабря 2011

Я сделал слайдер изображений jquery, используя урок из Строка 25

Я пытаюсь также добавить в него функцию автозапуска, но я никак не могу понять, как это сделать. Я попытался добавить функцию setInterval для запуска той же функции .click из этого кода 

$(document).ready(function() {
$("#slideshow").css("overflow", "hidden");
$("#slideshow-nav").css("visibility", "visible");
$("#slideshow-nav a[href=#slide1]").addClass("active");

$("#slideshow-nav").localScroll({
    target:'#slideshow', axis: 'x'
});

$("#slideshow-nav a").click(function(){
    $("#slideshow-nav a").removeClass("active");
    $(this).addClass("active");
});
});

но я не был уверен, как просто добавить 1 к идентификатору li (# slide1) через (# slide4).

Любая помощь будет принята с благодарностью. Спасибо.

1 Ответ

1 голос
/ 01 февраля 2012 
window.slide = 1
function nextSlide(){
   parseInt($(".active").attr("href").replace(/#slide/g,"")) == 4 ? window.slide = 1 : window.slide = parseInt($(".active").attr("href").replace(/#slide/g,"")) + 1;
   $('#slideshow-nav a[href=#slide'+window.slide+']').click();
}
setInterval(nextSlide,8000);

Выше предполагается 4 слайда. если у вас есть больше или меньше, измените число 4. Изменения скользят каждые 8 ​​секунд (8000)

...