3Dで画像をぐるぐる回せるJavaScript「jQuery k3dCarousel plugin」
画像を多く表示させると見せ方に悩むかもしれません。
そんな時jQuery k3dCarousel pluginを使用すると一味違った感じの印象を与えられます。
3Dぽくぐるぐると回っていきます。
使用方法
jQuery k3dCarousel pluginからファイル一式をjQueryからjquery.jsをダウンロードします。
<style>
#id名 img{display:none;}
</style>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jquery.k3dCarousel.js"></script>
<script>
$(function(){
$('#id名').k3dCarousel({
wT: 500, //wait time 一個あたりの停止時間
sT: 100 //spin time 回転する速度
});
});
</script>
あとは上記IDで画像を囲めば完成です。
<div id="id名">
<img src="画像パス" />
<img src="画像パス" />
<img src="画像パス" />
<!-- 以下画像分 -->
</div>
※4つくらいだと物足りないようです。
3Dで画像をぐるぐる回せるJavaScript「jQuery k3dCarousel plugin」サンプル
コメントする
記事作成：2010年10月27日 12:33
