2 u011418599 u011418599 于 2016.03.01 19:25 提问

jquery 实现图片的缓加载功能

目标:实现界面上图片的按需加载——即缓加载;
难点:页面是使用模板生成的;
如下:

    <script type="text/html" >
    <div class="entry">
    <img src="../js/img/grey.gif" data-original="../js/img/bmw_m1_hood.jpg" width="765" height="574" alt="BMW M1 Hood"><br/>
    <img src="../js/img/grey.gif" data-original="../js/img/bmw_m1_side.jpg" width="765" height="574" alt="BMW M1 Side"><br/>
    <img src="../js/img/grey.gif" data-original="../js/img/viper_1.jpg" width="765" height="574" alt="Viper 1"><br/>
    <img src="../js/img/grey.gif" data-original="../js/img/viper_corner.jpg" width="765" height="574" alt="Viper Corner"><br/>
    <img src="../js/img/grey.gif" data-original="../js/img/bmw_m3_gt.jpg" width="765" height="574" alt="BMW M3 GT"><br/>
    <img src="../js/img/grey.gif" data-original="../js/img/corvette_pitstop.jpg" width="765" height="574" alt="Corvette Pitstop"><br/>
    </div>
    </script>

<script type="text/javascript" src="../js/jquery.lazyload.min.js"></script>
  <script type="text/javascript" charset="utf-8">
     $$(function(){

        var LazyImg=$("#mainListBlock img.lazy");
        LazyImg.show().lazyload({container: $("#mainListBlock") });
    });
  </script>

2个回答

devmiao
devmiao   Ds   Rxr 2016.03.02 05:19
showbo
showbo   Ds   Rxr 2016.03.05 14:54

图片加载过浏览器会自动缓存,不需要你写代码做缓存

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!