使用masonry创建瀑布流,图片加载导致渲染重叠解决方案

imagesLoaded是一款用于检测页面中的图片是否被加载的js插件。实现方法就是在图片加载完成执行瀑布流插件

<script type="text/javascript" src="/Content/Cartoon/js/jquery.js"></script>
<script src="https://cdn.bootcss.com/masonry/4.2.2/masonry.pkgd.min.js"></script>
<script src="/Content/ymwl/js/imagesloaded.min.js"></script>
<script>
    $(function () {
        $('.card-figure img').imagesLoaded( function() {
            // images have loaded
            $('.sucai_list').masonry({
                // options
                itemSelector: '.card',
            });
        });
    });
</script>


支付宝扫码打赏 微信扫码打赏

如果本文对你有帮助,欢迎打赏本站

喜欢 ()or分享
    匿名评论
  • 评论
人参与,条评论