1

ホームページのバナーとしてスライド ショーを作成しようとしています。ここでは jquerylocalscroll.jsとscrollTo.jsプラグインを使用します。

これは私のJavascriptです -

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

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

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

ここで、ナビゲーション ボタンをクリックして画像を表示する必要があります。それで、何回か後に画像を自動的に変更するにはどうすればよいですか？

これはこれまでの私のフィドルです。

誰でもこれを理解するのを手伝ってもらえますか? ありがとうございました。

4

1 に答える 1

1

簡単な方法の 1 つは、間隔を設定して jQuery の .click() 関数を使用することです。たとえば、次のコードを $(document).ready() 関数の最後に追加してみてください。

var count = 2;
var interval = setInterval(function() {
    if(count > 5) {
        clearInterval(interval);
    }
    $("#slideshow-nav li:nth-child(" + count + ") a").click();
    ++count;
}, 1000);
于 2013-08-04T11:59:22.793 に答える