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

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

使用方法 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ぐるぐるさせるサンプル

sponsors

「JavaScriptライブラリ「mootools」で3Dぐるぐるさせる」をシェアする

記事作成:
記事URL:

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