Placeholder
  • Thumbnails
  • Thumbnails
  • Thumbnails
  • Thumbnails

このプラグインの実際の動きを確認したい場合は、PCからアクセスして下さい。

  • files
  • js
  • html
<script src="<PATH>/jquery.min.js"></script>
<script src="<PATH>/jquery.simpleGal.min.js"></script>
<script>
	$(window).load(function(){
		$('#simpleGalDemo ul').simpleGal({
			mainImage: '.simpleGal-demo-main-image'
		});
	});
</script>
<div id="simpleGalDemo">
	<div class="main-image">
		<img src="<PATH>/img01.jpg" alt="Placeholder" class="simpleGal-demo-main-image">
	</div>
	<ul>
		<li><a href="<PATH>/img01.jpg"><img src="<PATH>/img01.jpg" alt="Thumbnails" width="70"></a></li>
		<li><a href="<PATH>/img02.jpg"><img src="<PATH>/img02.jpg" alt="Thumbnails" width="70"></a></li>
		<li><a href="<PATH>/img03.jpg"><img src="<PATH>/img03.jpg" alt="Thumbnails" width="70"></a></li>
		<li><a href="<PATH>/img04.jpg"><img src="<PATH>/img04.jpg" alt="Thumbnails" width="70"></a></li>
	</ul>
</div>

simpleGalについて

simpleGalはとてもシンプルは画像ギャラリーです。 見た目はキレイなので、シンプルな画像ギャラリーを設置したいならおすすめです。
ダウンロード こちら
ドキュメント こちら
デモ こちら
ライセンスMIT
対応ブラウザ

関連するjQueryプラグイン

  • Craftyslide

    Craftyslide

    とても簡単に設置できる画像ギャラリー

  • AppleStyleSlideshowGallery

    AppleStyleSlideshowGallery

    キレイ目な画像ギャラリーを簡単に設置できる

  • FlowGallery

    FlowGallery

    簡単にインパクトのある画像ギャラリーを設置できる

  • desSlideshow

    desSlideshow

    一味違う画像ギャラリー

  • EasyGallery

    EasyGallery

    名前の通りイージーに設置できる画像ギャラリー