最近、英語で言うところの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">
JavaScriptライブラリ「mootools」で3Dぐるぐるさせるサンプル
<div><a href="リンク先"><img src="画像パス"></a></div>
画像分
</div>
記事作成:2008年10月13日
▼JavaScriptライブラリ「mootools」で3Dぐるぐるさせるへのコメントはtwitterにて受け付けています。
twitterでコメントする
前の記事:ファイルサイズをJavaScriptライブラリ「jQuery」で自動表示する「addSizes.js」
次の記事:モバイルサイトに関するサイト19