Tweet｜ ｜ ｜ ｜

[ 1分で読めて簡単導入できます]

最近、英語で言うところのcarousel（回転木馬）と言われる画像をぐるぐる回すのがはやっています。
これをJavaScriptライブラリ「mootools」を使用して3Dにした「Mootools 3D Carousel」を紹介します。

使用方法 Mootools 3D Carouselから3dcarousel.jsを、mootoolsからmootools.jsをダウンロードします。
<script type="text/javascript" src="http://yourdomain/mootools.js"></script>
<script type="text/javascript" src="http://yourdomain/3dcarousel.js"></script>
上記を記述したらぐるぐるさせたい画像を以下のように書けば完成です。
<div id="carousel">
<div><a href="リンク先"><img src="画像パス"></a></div>
画像分
</div>
JavaScriptライブラリ「mootools」で3Dぐるぐるさせるサンプル

記事作成：2008年10月13日