【jQuery】美しいギャラリープラグイン。snapGallery.js

snapGalleryはレスポンシブにも対応、異なるサイズの画像を変換する簡単で美しいギャラリープラグイン。
最小の幅と列の最大数、画像間の間隔を選択することができます。

スクリプトリンク

<script src="http://neerajdelima.ga/snapGallery/snapGallery.js"></script>

HTMLマークアップ

<ul id="gallery-container">
<li><img src="./path/to/img1.jpg" /></li>
<li><img src="./path/to/img2.jpg" /></li>
<li><img src="./path/to/img3.jpg" /></li>
<!-- -->
<!-- -->
<li><img src="./path/to/img21.jpg" /></li>
<li><img src="./path/to/img22.jpg" /></li>
</ul>

jQuery本体とsnapGallery

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="./snapGallery.js"></script>

プラグイン呼び出し

$(function() {
$('#gallery-container').snapGallery();
})

Before

snapGalleryBefore

After

snapGalleryAfter

 

【jQuery】美しいギャラリープラグイン。snapGallery.js

  • LATEST
  • RELATED
  • POPULAR