您的位置：首页 > 其它

判断图片是否加载完毕

2017-07-24 16:49 169 查看

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

</head>

<body>

<img src="http://android-wallpapers.25pp.com/20140404/1630/533e6da6023b320_900x675.jpg" class="cover"/><br />

<img src="http://imgcdn.weiqudao.net/2395/c04c631a-f4bb-45b3-8196-89d2bcf97648.jpg" class="cover"/><br />

<img src="http://cdn.duitang.com/uploads/item/201310/07/20131007102558_yYSNe.jpeg" class="cover"/><br />

<img src="http://5.26923.com/download/pic/000/299/0324b995be6c862b13252367916b4a1e.jpg" class="cover"/><br />

<img src="http://i2.f.itc.cn/upload/gl/7223/b_72222926.jpg" class="cover"/><br />

<img src="http://attach.bbs.miui.com/forum/201012/17/0351303afw9qan4pfgagy9.jpg" class="cover"/><br />

<img src="http://img5.duitang.com/uploads/item/201405/14/20140514101152_B4z4r.thumb.600_0.jpeg" class="cover"/><br />

<img src="http://5.26923.com/download/pic/000/284/d9ce9b72d8d4321e2d52a9b415086a35.jpg" class="cover"/><br />

<img src="http://img4.duitang.com/uploads/item/201405/14/20140514113612_vTyFa.thumb.700_0.jpeg" class="cover"/><br />

</body>

<script src="jquery.min.js" type="text/javascript" ></script>

<script>

$(document).ready(function(){

   var t_img,isLoad = true;

   isImgLoad(function(){

       alert("所有图片已加载完毕！");

   });

   function isImgLoad(callback){

       $(".cover").each(function(){

           if(this.height === 0){

               isLoad = false;

               return false;

           }

       });



       if(isLoad){

           clearTimeout(t_img);

           callback();

       }

       else{

           isLoad = true;

           t_img = setTimeout(function(){isImgLoad(callback);}, 500);

       }

   }

});

</script>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航