jQuery8种不同的瀑布流懒加载loading效果

优化图片加载插件jQuery8种不同的瀑布流懒加载loading效果

 在线预览

下载地址

实例代码

<ul class="grid effect-1" id="grid">
               
                <li><a href="#"><img src="/api/jq/5733e33ac28cb/images/5.jpg"></a></li>
                <li><a href="#"><img src="/api/jq/5733e33ac28cb/images/2.jpg"></a></li>
            </ul>
        </div>
        <script src="/api/jq/5733e33ac28cb/js/masonry.pkgd.min.js"></script>
        <script src="/api/jq/5733e33ac28cb/js/imagesloaded.js"></script>
        <script src="/api/jq/5733e33ac28cb/js/classie.js"></script>
        <script src="/api/jq/5733e33ac28cb/js/AnimOnScroll.js"></script>
        <script>
            new AnimOnScroll(document.getElementById('grid'), {
                minDuration: 0.4,
                maxDuration: 0.7,
                viewportFactor: 0.2
            });
        </script>