我在这里有一个演示 - http://www.ttmt.org.uk/forum/gallery
和 jsfiddle 来说明我的问题 - http://jsfiddle.net/ttmt/tmyqj/6/
它只是一个简单的图像列表,它们从页面上浮动。
我想从左到右依次加载图像。
我已经这样做了:
$(document).ready(function() {
var lis = $('li').hide();
var i=0;
function displayImg(){
lis.eq(i++).fadeIn(200, displayImg);
}
displayImg();
})
此代码有效,但我想一次加载一个图像,因此我需要在加载下一个图像之前检查图像是否已加载。
我试过这个,但它只加载第一个图像。
$(document).ready(function() {
var lis = $('li').hide();
var i=0;
function displayImg(){
lis.eq(i).fadeIn(200, checkLoad);
}
function checkLoad(){
if(lis.eq(i).complete){
i++;
displayImg();
}else{
alert('img not load');
}
}
displayImg();
})
如何在加载下一个图像之前检查图像是否已加载?