javascript - 延迟加载无法正常工作

Question

我想在一页中显示图像数量。为了获得最佳观看效果，我集成了延迟加载。

我的 JavaScript 代码是

<script src="{$this->scriptFolder}jquery.lazyload.js"></script>
<script src="{$this->scriptFolder}lazy_loader.js"></script>
<script type="text/javascript">
     $(document).ready(function() {
         $(".lazy").lazyload({ 
            effect : "fadeIn"
         });
         $(window).scrollTop(1); 
     });
</script>

我的html代码是这样的

<ul>
    <li class="span2" id="hider"> 
        <a href="/Magazine/index/get/52/" class="thumbnail magazine_cover">
            <img width="180" height="230" class="lazy" alt="cover" src="/public/demo.jpg" data-original="http://magsonwink.com/ECMedia/MagazineFiles/MAGAZINE-141/ISSUE-10085/CoverPage/Thumbnail/Outlook.jpg">
        </a> 
    </li>
</ul>

但是当我加载这个页面时，图像是从不同的部分加载的。我想一张一张地加载图片

我的登台站点：http ://staging.delhipress.thewinkstore.com/

如果有人知道这件事，请帮助我