画像をマウスの動きに合わせて
縦・横方向にグルグル3D回転させることができるスクリプトの紹介。

グルグル感が気持ちよかったので試してみました。

まずは横パターン

使用方法もいたってシンプルで、
必要なJSファイルを読み込ませ、
回転させる画像群をIDで囲み<a>タグに関連クラスを付けるだけ。

JSファイルは「mootools1.2.js」ライブラリと
「mooVRotatingMenu.js」の2つでいけます。

縦回転パターンも可能です。

サイト上のバナーがたくさんある場合など
さりげなく入れたりして使えないかな、と思ってます。

ライブラリ等はこちらから

virtual_gadjo.jpg

VIRTUAL GADJO

  • このエントリーをはてなブックマークに追加
BlackFlag
FOLLOW

Related Posts

Comments (1)

  • jQuery 3D TAG CLOUD - BlackFlag | 2010.10.03 16:03

    [...] 以前、Mootoolsを使って画像を3D回転させるライブラリを紹介しましたが、 同じ様な仕掛けをjQueryでシンプルに組み込めるものがあったのでご紹介。 [...]







コメント内容

※コメントにHTMLタグを直接入力しないでください。
※HTMLタグを入力する際はタグ一つ一つの括弧「<」「>」を全角に変換して入力してください。
コメントは承認制になっているのですぐには反映されません。コメント頂いた内容については出来る限り早めの対応を心掛けていますが、時期によって返答が遅くなってしまうことがありますので、何卒ご了承ください。
» コメントについてのご注意  |  » ライセンスに関して

画像を3D回転させるJS

Hatena Bookmark
Popular Entries
Recent Entries
PR
Facebook
Tweets
Book
  • jQuery Technical Note
Animal Protection
  • 福島被曝牛支援のお願い
  • NO FUR