.animate jQuery是未觸發

Question

function startSlideshow() { 
    var timerSlide; 
    $('.progressbar').animate({"width":"100%"}, 1000); 

    timerSlide = window.setInterval(
    function() {  
    $('.' + currentImage).css("display","none").fadeTo(3000,0).queue(function() { 
     currentImage += 1; 
     $("." + currentImage).css("display","block").fadeTo(3000,1).dequeue; 
    }); 
    }, 20000); 

} 
window.onload=startSlideshow(); 

HTML

<div class="progressbar" style="background-color: #e17904; height: 7px; width: 1%; left: 0px; position: absolute;"></div> 

幻燈片的setInterval在工作（作爲圖像變化，但progressbars寬度不改變..）

Answer 1

http://jsfiddle.net/D698L/8/

試試這個方法：

$(window).load(function() { 
startSlideshow() 
});