1

Line 25のチュートリアルを使用してjqueryイメージスライダーを作成しました

自動再生機能も追加しようとしていますが、それを行う方法がまったくわからないようです。このコードから同じ .click 関数を実行する setInterval 関数を追加してみました

$(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");
});
});

しかし、li id の (#slide1) から (#slide4) に 1 を単純に追加する方法がわかりませんでした。

どんな助けでも大歓迎です。ありがとうございました。

4

1 に答える 1

1 
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)

于 2012-01-31T21:37:16.130 に答える