如何在頁面加載時自動啓動我的幻燈片演示

Question

我在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(); 
}); 

Here is my fiddle

Answer 1

嘗試是這樣的：

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); 
});