3Dで画像をぐるぐる回せるJavaScript「jQuery k3dCarousel plugin」

画像を多く表示させると見せ方に悩むかもしれません。
そんな時jQuery k3dCarousel pluginを使用すると一味違った感じの印象を与えられます。
3Dぽくぐるぐると回っていきます。
3Dで画像をぐるぐる回せるJavaScript「jQuery k3dCarousel plugin」サンプル

使用方法
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」サンプル

sponsors

「3Dで画像をぐるぐる回せるJavaScript「jQuery k3dCarousel plugin」」をシェアする

記事作成:
記事URL:

TOP > > > 3Dで画像をぐるぐる回せるJavaScript「jQuery k3dCarousel plugin」