Masonryでレスポンシブなギャラリーページを作成 jQuery

なわて投稿サムネイル

参考サイト

今回はこちらのサイトを参考に以下のmasonryギャラリーを作成しました。

【Masonry】ギャラリーサイトに最適!おしゃれなグリッドレイアウトが実装出来るJavaScriptプラグインの使い方を解説

masonryの読込み

<script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>

iamageslodedの読込み

<script src="https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js"></script>


masonry

  • masonry-domo-1
  • masonry-domo-2
  • masonry-domo-1
  • masonry-domo-2
  • masonry-domo-1