JQuery Isotope プラグインを次のように設定しました。
$(function(){
$('#isotopecontainer').isotope({
itemSelector : '.frontitem',
sortBy: "random",
masonry : {
}
});
});
私のHTMLで:
<div id="isotopecontainer">
<img src="image1.jpg" class="frontitem">
<img src="image2.jpg" class="frontitem">
<img src="image3.jpg" class="frontitem">
~
</div>
ただし、ブラウザのサイズが変更された場合にのみ、画像が表示されます。ブラウザがロードされたら画像をトリガーする手順がありませんか?
コンソールを見ると、Isotope によって #isotopecontainer div の高さが 0px になっていることに気付きました。したがって、私の画像は表示されません。これは、ブラウザ ウィンドウのサイズを変更すると変わります。