skuare.netはJavaScriptライブラリのjQuery,mootools,prototypeのプラグインを中心にWebサイト構築に関する技術を試す個人サイトです

スライドする画像ギャラリーJavaScript「Sliding Image Gallery jQuery Plug-in」

｜ ｜ ｜ ｜ ｜ ｜ ｜

リッチな画像ギャラリーを作りたいという方は多いかと思います。
jQueryプラグインのSliding Image Gallery jQuery Plug-inを利用するとスライドする画像ギャラリーをわりとお手軽に作成可能です。

使用方法
Sliding Image Gallery jQuery Plug-inからファイル一式をダウンロードします。
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="jquery.slidingGallery-1.1.js"></script>
<script language="javascript" type="text/javascript">
$(function() {
$('#id名 img').slidingGallery();
});
</script>

あとは画像を上記idで囲めば完成というシンプルさです。
<div id="id名">
<img src="画像パス" />
<img src="画像パス" />
<img src="画像パス" />
<!-- 以下画像分 -->
</div>

スライドする画像ギャラリーJavaScript「Sliding Image Gallery jQuery Plug-in」サンプル

記事作成：2009年07月24日

前の記事：twitterをJavaScriptで表示する「Juitter」
次の記事：画像を拡大させるJavaScript「Zoomple」