image onload trouble

Question

我創建了一個包含大背景圖片的大塊的大頁面，所以我認爲最好的辦法是在後臺顯示預加載器並加載圖片並更新加載器（image 4 of 20 ，ecc）。我的問題是：當onload事件觸發我的加載器時，我仍然看到加載的圖像，這意味着它沒有完全加載。爲什麼會發生？任何想法？

這裏的頁面：

http://zhereicome.com/experiments/statics/myascensor/#1-1

在此先感謝

nImages = $('.slide').length; 
loadedImgs = 0; 
var bgImages = ['img/bbb.png','img/bbb2.png','img/bbb3.png']; 

$('.slide').each(function(i){ 
    var curSlide = $(this); 
    var img = new Image(); 
    img.src = bgImages[ i % 3 ]; 
    img.onLoad = imageLoaded(img, curSlide); 
})  

function imageLoaded(img, curSlide){ 
    curSlide.css('backgroundImage', 'url(' + img.src + ')'); 
    loadedImgs++; 
    if(nImages == loadedImgs){ 
     $('#container').css('visibility','visible'); 
     $('#loader-cont').fadeOut(1000); 
    } 
    $('.loader-inner .title').text(loadedImgs/nImages); 
} 

Answer 1

你似乎有一些麻煩的window.onload和的document.ready：

$(document).ready(function(){ 
// This will be executed when the DOM is ready. 
}); 

$(window).load(function(){ 
// This will be executed when the whole document and all its 
// referenced items (style sheets, scripts, images, etc.) are loaded. 
}); 

但這已被問及之前和回答了很多，好多了：How can I create a "Please Wait, Loading..." animation using jQuery?