0

jQuery で小さなスライドショーを作成しました。とても簡単です。ページの読み込み時にスライダーを自動的に開始するにはどうすればよいですか? スライダーは常に実行する必要があります。ユーザーが私のサムネイルをクリックした場合のみ、スライダーはそのスライドに直接ジャンプします。

var totalWidth = 0;
var positions = new Array();

$('.slides .slide').each(function (i) {
    positions[i] = totalWidth;
    totalWidth += $(this).width();
});

$('.slides').width(totalWidth);

$('.slideMenu ul li a').click(function (e) {
    var pos = $(this).parent().prevAll('.menuItem').length;
    $('.slides').stop().animate({
        marginLeft: -positions[pos] + 'px'
    }, 450);

    e.preventDefault();
});

これが私のフィドルです

4

1 に答える 1

0

次のようなことを試してください:

function goNextSlide() {
    // Do animate stuff here
    setTimeout(goNextSlide(), 60);
}

$( document ).ready(function() {
    goNextSlide();
});

またはうまくいくかもしれないあなたのための簡単なハック:

function goNextSlide(slide) {
    $(".slideMenu ul li a:nth-child("+slide+")").click();
    slide++;
    if(slide>3) {
         slide = 0;   
    }
    setTimeout(goNextSlide(slide), 600);
}

$( document ).ready(function() {
    goNextSlide(1);
});
于 2013-10-29T14:46:56.623 に答える