javascript - 遅延読み込みが正しく機能しない

Question

1ページに画像数を表示したい。最適な表示のために、遅延読み込みを統合します。

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

しかし、このページをロードすると、画像が別のセクションからロードされます。画像を1枚ずつ読み込みたい

私のステージング サイト : http://staging.delhipress.thewinkstore.com/

誰かがこれについて知っているなら、私を助けてください