エフェクト満載の画像ギャラリー系javascript「jQuery Cycle Plugin」

画像ギャラリーといえば「LightBox」ですが、周りで使用している人が多く、食傷気味の人も多いと思います。
jQuery Cycle Pluginでは、過剰ともいえるほどのエフェクトが使用できます。
自分だけのオリジナルを簡単に作成したい方にお勧めの画像ギャラリー系Javascriptです。

使用方法
jQuery Cycle Pluginからjquery.cycle.all.pack.jsをjQueryからjquery.jsをダウンロードします。
<script src="http://yourdomain/jquery.js" type="text/javascript"></script>
<script src="http://yourdomain/jquery.cycle.all.pack.js" type="text/javascript"></script>
画像を囲んだdivなどの要素に付与したidやclass名を以下のscriptに書き込みます。
<script type="text/javascript">
$(function() {
$('id名 or class名').cycle
});
</script>
基本はこれだけです。
あとはエフェクト満載の画像ギャラリー系javascript「jQuery Cycle Plugin」サンプルで掲載しているようなさまざまなオプションを付けることができます。

2007年09月15日

前の記事：クールにロールオーバーするjavascript「flippyMOO」
次の記事：華麗なタブメニューjavascript「Fancy Sliding Tab Menu」

関連記事

• 奥から手前にズームするJavaScript「Spacegallery.js」
• [jQuery]Galleria
• [jQuery]ScrollShow
• [jQuery]slideViewer
• [jQuery]jqGalViewIII

• ファイルサイズをJavaScriptライブラリ「jQuery」で自動表示する「addSizes.js」
• JavaScriptライブラリ「jQuery」を使用してフォームを華麗に彩る「jqTransform」
• Webカラーに関するサイト21
• 英字新聞ぽいコラムをJavaScriptライブラリ「jQuery」で作る「Columnizer」
• 心地よく要素を切り替えるJavaScript「jFlip」
• CoverFlowを実現するJavaScript「JS Coverflow」
• 画像を丸く輝かせるJavaScript「sphere.js」
• セクシーなLightBoxを実現するJavaScript「Sexy LightBox」
• JavaScriptライブラリ「jQuery」を使ってカレンダーを作る「jCal.js」
• カバーフローぽい画像ギャラリーJavaScript「ProtoFlow」