JavaScriptライブラリ「mootools」で3Dぐるぐるさせる

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

sponsors

使用方法

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>

サンプル

sponsors

Javascriptサンプルページ一覧
skuare.net