jquery - 缓慢加载第一个图像砌体

Question

我正在使用masonry plugin在我的网站

我的问题是前 20 张图像需要很长时间才能加载，直到充满电并保留在页面左侧形成一列图像。

如何使用此插件加快网页中前二十张图像的速度？

非常感谢

Answer 1

连同上面提到的 CDN 或者我可能建议获取更小的图像。无论哪种方式，都有一个 imagesLoaded 插件与 masonry 齐头并进，确保图像在渲染框之前已完全加载。

获取插件 here .

安装插件后，请像这样包装您的砌体调用:

var $container = $('#container');
$container.imagesLoaded(function(){
  $container.masonry({
    itemSelector : '.item',
    columnWidth : 240
  });
});

与 Masonry 一起使用的另一个很棒的插件是infinite-scroll。如果您也需要设置方面的帮助，请告诉我。