作为程序员一定要保持良好的睡眠,才能好编程

判断图片是否加载完毕

发布时间:2018-02-09

当在项目中,需要使用  当一张图片加载完毕后,执行一段命令


那么如何判断 图片是否加载完毕了呢



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 高度。