当在项目中,需要使用 当一张图片加载完毕后,执行一段命令
那么如何判断 图片是否加载完毕了呢
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 高度。