图片延迟加载

Posted tjb0808

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了图片延迟加载相关的知识,希望对你有一定的参考价值。

 

 

<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>




















以上是关于图片延迟加载的主要内容,如果未能解决你的问题,请参考以下文章

延迟加载外部js文件,延迟加载图片(jquery.lazyload.js和echo,js)

延迟加载缓冲图片

延迟加载

js学习总结----延迟加载思想和首屏延迟加载

图片延迟加载

图片延迟加载的实现