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プラグイン

  • EasyGallery

    EasyGallery

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

  • least

    least

    印象的な画像ギャラリーを設置することができる

  • desSlideshow

    desSlideshow

    一味違う画像ギャラリー

  • cycle2

    cycle2

    非常に多機能な画像ギャラリー

  • PresentationCycle

    PresentationCycle

    画像の切り替わるタイミングをバーで表示できる画像ギャラリー