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

  • files
  • js
  • html
<script src="<PATH>/jquery.min.js"></script>
<script src="<PATH>/easy-gallery-2.js"></script>
<script>
	$(window).load(function(){
		$("#gallery").egallery({
			animation: 'slide',
			width:400,
			height:250,
			speed: 1000
		});
	});
</script>

//オプション一覧
animation: 'scroll', // scroll or slide
width: 400, // Width for gallery holder, li
height: 400, // Height for each element
speed: 500, // Animation speed in MS
delay: 4000, // delay for auto play to transact.
easing: 'swing', // Easing animation. require to include easing plugin http://gsgd.co.uk/sandbox/jquery/easing/
thumbs: 'none', //  Thumbs: none, numbers, image OR custom
thumbClass: '', // Thumb CSS class
thumbImage: '', // Image url for thumbs.
aClass: '', // Thumb active class
auto: true // True to enable auto play
<div id="gallery">
    <ul>
		<li><img src="<PATH>/img11.jpg" border="0" alt="" /></li>
        <li><img src="<PATH>/img03.jpg" border="0" alt="" /></li>
        <li><img src="<PATH>/img01.jpg" border="0" alt="" /></li>
        <li><img src="<PATH>/img08.jpg" border="0" alt="" /></li>
        <li><img src="<PATH>/img16.jpg" border="0" alt="" /></li>
    </ul>
</div>

EasyGalleryについて

EasyGalleryは名前の通りイージーに設置できる画像ギャラリーです。
シンプルな分、軽量でIE6以降で動作します。
ダウンロード こちら
ドキュメント こちら
デモ こちら
ライセンスGPL v2
対応ブラウザ

関連するjQueryプラグイン

  • Rondell

    Rondell

    奥行きのある画像ギャラリーが設置できる

  • Orbit

    Orbit

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

  • least

    least

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

  • cycle2

    cycle2

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

  • AppleStyleSlideshowGallery

    AppleStyleSlideshowGallery

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