jquery 图片延迟加载的问题
varhasShow=false;$(window).bind("scroll",function(){if(hasShow==true){$(window).unbin...
var hasShow = false;
$(window).bind("scroll",function(){
if(hasShow==true){
$(window).unbind("scroll");
return false;
}
var t = $(document).scrollTop();
if(t>800){
hasShow = true;
$(".shi").each(function(index){//获取所有加载中图片
var temp=$(this).attr("hid");//取加载中图片的hid属性(要加载的src)
var div=$(this).parents(".div");
var th=$(this);
var alt=$(this).attr("alt");
$("<img>", {
"class":"shi",
width:83,
height:122,
src:temp,
hid:temp,
alt:alt,
load:function(){//加载完,在网页上加上
th.remove();
$(this).appendTo(div);
}
})
});
}
});
现在的问题是在火狐中一切正常,ie中第一次加载的时候正常,链接到其他页后,后退到该页img的load事件不执行.
ps:不要推荐插件
是我没说清楚,现在补充一下。
我的图片一开始是一张load图片(就是一张转转图),我载入的是一张大图我要缩放的,如果单纯attr把属性互换再缩放,势必有的load图先放大,再变成我要的图,还会有其他的不确定因素,因为加载有快慢,所以我才想到在load后,所有的动作都作完了再加到网页上。remove只是把load图删掉而已。 展开
$(window).bind("scroll",function(){
if(hasShow==true){
$(window).unbind("scroll");
return false;
}
var t = $(document).scrollTop();
if(t>800){
hasShow = true;
$(".shi").each(function(index){//获取所有加载中图片
var temp=$(this).attr("hid");//取加载中图片的hid属性(要加载的src)
var div=$(this).parents(".div");
var th=$(this);
var alt=$(this).attr("alt");
$("<img>", {
"class":"shi",
width:83,
height:122,
src:temp,
hid:temp,
alt:alt,
load:function(){//加载完,在网页上加上
th.remove();
$(this).appendTo(div);
}
})
});
}
});
现在的问题是在火狐中一切正常,ie中第一次加载的时候正常,链接到其他页后,后退到该页img的load事件不执行.
ps:不要推荐插件
是我没说清楚,现在补充一下。
我的图片一开始是一张load图片(就是一张转转图),我载入的是一张大图我要缩放的,如果单纯attr把属性互换再缩放,势必有的load图先放大,再变成我要的图,还会有其他的不确定因素,因为加载有快慢,所以我才想到在load后,所有的动作都作完了再加到网页上。remove只是把load图删掉而已。 展开
1个回答
展开全部
不要写在img的load事件里,因为ie会调用图片的缓存,还有不知道你remove掉又append是何用意?试试改成
$(".shi").each(function(index){//获取所有加载中图片
var temp=$(this).attr("hid");//取加载中图片的hid属性(要加载的src)
var div=$(this).parents(".div");
var th=$(this);
var alt=$(this).attr("alt");
$(this).attr("src",temp)
});
$(".shi").each(function(index){//获取所有加载中图片
var temp=$(this).attr("hid");//取加载中图片的hid属性(要加载的src)
var div=$(this).parents(".div");
var th=$(this);
var alt=$(this).attr("alt");
$(this).attr("src",temp)
});
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询