先日色々と調べてみていいなーと思った回転系のプラグインを紹介していきたいと思います。
ユニークな演出を手軽に実装することができるので、とてもオススメのプラグインです。基本的に無料のものばかりなので気軽に使って見てください!
jQueryRotate.js
要素を回転させるためのプラグイン。
回転させたい要素にたいして、$(selector).rotate( 45 ); の様に使えます。
試しに動かしてみたらIE8以下では動作しないようでした。
rotate.js
こちらもjQuereyRotate.jsと同じく要素を回転するプラグインです。
こちらはIE8、IE7でも正しく動作しました!
指定方法もcss()を使った書き方が出来るので、扱い易いかと思います。
$(selector).css({"rotate":45}); $(selector).rotate(45); $(selector)..css({transform: 'rotate(45deg)'});
Propeller.js
プロペラを回転させる用なエフェクトが特徴的なプラグイン。特徴的な演出の為使い道は限られそうですが、使い方によっては面白い演出が出来そうです。
SpriteSpin
商品等の画像をマウスでドラッグすることで360度回転することが出来るプラグイン。IE6からiPhone等のタッチバイスにも対応していて、オプションも豊富で使いやすそうです。
Roundabout
ターンテーブルの様なエフェクトを簡単に実装出来るプラグインです。色々なエフェクトが用意されていて使い勝手もよさそうです。コンテンツの見せ方としてとても目を引きそうです。
Touchy
タッチデバイスに特化したホイールやスクロールが簡単に実装できるプラグインです。アニメーションもスムーズなので重宝しそうです。
Flippy
要素をひっくり返した様なアニメーションが特徴的です。シンプルな使い勝手でさくっと実装ができるのでいいですね。
しかもIE8から対応している点もポイントが高いです。
rotate3Di
Flippyと同じくひっくり返した様なエフェクトを実装できます。IE9からの対応の用dす。3D回転がユニークです。
一つ一つのプラグインについての使い方などは省きましたが、どれも簡単に使えるものばかりで他の方のブログを参考にしたりドキュメントを見ることで、すぐに実装することが出来るかと思います!