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

  • files
  • js
  • html
<link href="<PATH>/demo.css" rel="stylesheet" />
<script src="<PATH>/jquery.min.js"></script>
<script src="<PATH>/script.js"></script>
<script>
	$(window).load(function(){
		//実行用に記述は不要
	});
</script>
<div id="gallery">	
	<div id="slides">    
		<div class="slide"><img src="<PATH>/img08.jpg" width="400" height="200" alt="img01" /></div>
		<div class="slide"><img src="<PATH>/img12.jpg" width="400" height="200" alt="img02" /></div>
		<div class="slide"><img src="<PATH>/img16.jpg" width="400" height="200" alt="img03" /></div>
		<div class="slide"><img src="<PATH>/img03.jpg" width="400" height="200" alt="img04" /></div>
	</div>
	
	<div id="menu">    
		<ul>
			<li class="fbar"> </li><!--
			--><li class="menuItem"><a href=""><img src="<PATH>/img08.jpg" alt="thumbnail" /></a></li><!--
			--><li class="menuItem"><a href=""><img src="<PATH>/img12.jpg" alt="thumbnail" /></a></li><!--
			--><li class="menuItem"><a href=""><img src="<PATH>/img16.jpg" alt="thumbnail" /></a></li><!--
			--><li class="menuItem"><a href=""><img src="<PATH>/img03.jpg" alt="thumbnail" /></a></li>
		</ul>
	</div>    
</div>

AppleStyleSlideshowGalleryについて

Apple-style Slideshow Galleryは、キレイ目な画像ギャラリーを簡単に設置できるプラグインです。
プラグインの名前にもなっているようにAppleっぽいギャラリーを設置した人におすすめ。
ダウンロード こちら
ドキュメント こちら
デモ こちら
ライセンスこちらに記載されています。
対応ブラウザ

関連するjQueryプラグイン

  • Orbit

    Orbit

    画像の切り替えタイミングを見た目で表示できる画像ギャラリー

  • cycle2

    cycle2

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

  • desSlideshow

    desSlideshow

    一味違う画像ギャラリー

  • JustifiedGallery

    JustifiedGallery

    画像を隙間なく配置してくれる

  • EasyGallery

    EasyGallery

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