masonry.jsを使用してイメージをロードすることについて

Question

最近、 "pinterest"のようなアイテムをロードする必要があるプロジェクトを作成します。だから私は石積みを使用する - 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

私は解決策を見つけました。最初に空白の画像を読み込むために遅延読み込み画像を使用しました。すべての画像がロードされた後、メイザーリーを再トリガーする