关于使用masonry.js加载图像

Question

最近，我写了一个需要加载像“pinterest”这样的项目的项目。所以我使用masonry - 一个jquery插件。

但问题是，插件在加载所有图像后运行，因为它需要计算项目的大小并重新定位它们。导致问题的是：如果图像无法加载，则插件将无法以错误的方式运行或计算。任何人都有经验可以给我一个帮助吗？

var $container = $('#tweetbox');

$container.imagesLoaded( function(){

  $container.masonry({

    itemSelector : '.each_tweet'

  });

  $('.fancy img').each(function(){

    var $this = $(this),

        url = $this.attr('alt');

    $this.attr('src',url);

  });

});

谢谢！

Answer 1

我找到了解决方案：首先使用延迟加载图像加载空白图像。加载完所有图像后重新触发masonary