1

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 になっていることに気付きました。したがって、私の画像は表示されません。これは、ブラウザ ウィンドウのサイズを変更すると変わります。

4

0 に答える 0