当在项目中,需要使用 当一张图片加载完毕后,执行一段命令
那么如何判断 图片是否加载完毕了呢
document.getElementById("img").onload=function(e){
}
jq(function(){
var issuccess=jq("#newyearimg")[0].complete;
if(issuccess){
viewimg();
}else{
jq("#newyearimg")[0].onload=function(e){
viewimg();
}
}
//view img
function viewimg(){
//当图片加载完毕后,执行操作
jq("#newyearcontainer").animate({
marginTop:"0px",
},"slow");
setTimeout(function(){
jq("#newyearcontainer").animate({
height:"360px",
},"slow");
},10000);
}
});恩,
这就是这个方法 还一种就是 complete
<div id="newyearcontainer" style="background:#dc2019;margin-top:-580px;overflow:hidden;"> <img src="/view/cimie/images/newyear75.jpg" id="newyearimg" style="width:1160px;height:580px;display:block;margin:0px auto;" /> </div>
恩上面的代码运行就是
每次进来显示依次,过10秒种后 到 360 高度。