jquery 实现图片的缓加载功能

Question

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

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

Answer 1

http://bbs.csdn.net/topics/391909324