こいつは凄い!フルスクリーン縦型画像ギャラリー「jQuery Gallery Slider Plugin」

画像ギャラリーと言うとなんとなくLightBoxに代表されるような見せ方が思い浮かびます。
でもそんなものに飽ききった皆さんに朗報です。
jQuery Gallery Slider Pluginを使用すると、フルスクリーンで縦型の画像ギャラリーを作成できます。
こいつは凄い!フルスクリーン縦型画像ギャラリー「jQuery Gallery Slider Plugin」サンプル

使用方法
jQuery Gallery Slider Pluginからファイル一式をダウンロードします。
またjQueryからjquery.jsをダウンロードします。
<link href="galleryslider.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="jquery.galleryslider.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#id名').galleryslider({
width:"100%", //ここの数値で横幅を調整できます
raster:true //ざらざら感を出します(true/false)
});
});
</script>

あとは上記で指定したid名を振って完成です。

<div id="id名">
<img src="画像パス1" />
<img src="画像パス2" />
<img src="画像パス3" />
</div>

こいつは凄い!フルスクリーン縦型画像ギャラリー「jQuery Gallery Slider Plugin」サンプル

sponsors

「こいつは凄い!フルスクリーン縦型画像ギャラリー「jQuery Gallery Slider Plugin」」をシェアする

記事作成:
記事URL:

TOP > > > こいつは凄い!フルスクリーン縦型画像ギャラリー「jQuery Gallery Slider Plugin」