码迷,mamicode.com
首页 > 其他好文 > 详细

图片延迟加载

时间:2018-07-18 14:14:40      阅读:160      评论:0      收藏:0      [点我收藏+]

标签:attr   height   each   box   gif   class   javascrip   rip   延迟   

 

 

<script type="text/javascript">
  $(function(){
    $(window).scroll(function(event) {
      var ah=$(window).scrollTop();
      var ch=$(window).height()
      $(‘.img_box‘).each(function(){
        var bh=$(this).offset().top;
        if(ch+ah-200>bh){
        var a=$(this).find(‘img‘).attr("load_src");
        $(this).find(‘img‘).attr("src",a);
      }
    })
   });
  })
</script>

<div class="img_box">
  <img src="img/load.gif" load_src="img/img1.png">
</div>
<div class="img_box">
  <img src="img/load.gif" load_src="img/img2.png">
</div>

图片延迟加载

标签:attr   height   each   box   gif   class   javascrip   rip   延迟   

原文地址:https://www.cnblogs.com/tjb0808/p/9328048.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!