Rollerblade.js

JavaScript

画像を360度回転させて見せることができるjQueryプラグイン「Rollerblade.js」

Rollerblade.jsというjQueryプラグインを使えば、画像を360度回転させて見せる機能を実装することができます。何かの商品や製品プロダクトを見せる時に役立ちそうですね。複数の画像を用意して設定することで、回転させています。

[ads_center]

Rollerblade.js

Rollerblade.js

Rollerblade.js

実際のデモもあるので、動作確認することもできます。

こんな感じで画像を回転させていくことができます。

Rollerblade.js

前面だけではなくて、様々な角度から見ることができるのでとても便利ですよね。

オンラインショップなんかでも1つの商品や製品が、このようにいろんな角度から確認することができたら購入前にとても安心できそうです。

細部までチェックしてから購入した方が、買った後で「やっぱり返品したい」ということも減りそうですよね。

売る側と買う側の双方でメリットがあると思います。

というわけで、360度回転させる機能を実装したい時に覚えておきたいjQueryプラグインです。

KontextiOSの画面切り替えのようなスライドができるJavaScript「Kontext」前のページ

フォントサイズをブラウザ幅に合わせて自動で変更してくれるプラグイン「jQuery.fontFlex」次のページjQuery.fontFlex

関連記事

  1. Air Datepicker

    JavaScript

    軽量でクロスブラウザ、モダンブラウザに対応した「Air Datepicker」

    Air Datepickerは軽量でクロスブラウザ、モダンブラウザに対…

  2. no-image

    JavaScript

    シンプルで軽量なスクロールアニメーション実装「animateMePlz」

    animateMePlzはシンプルで軽量なスクロールアニメーションを実…

  3. Motion Blur Effect with SVG

    JavaScript

    ブラーエフェクトを効果的に取り入れる「Motion Blur Effect with SVG」

    Webページ内でブラーエフェクトを効果的に取り入れることができる「Mo…

  4. Excolo Slider

    JavaScript

    タッチにも対応しているシンプルなjQueryスライダー「Excolo Slider」

    タッチやマウススライドにも対応しているシンプルなjQueryスライダー…

  5. no-image

    JavaScript

    シンプルなドロップダウンメニューを実装できるjQueryプラグイン「snakeMenu」

    snakeMenuはシンプルなアニメーションによるドロップダウンメニュ…

  6. FlexNav

    JavaScript

    見た目もシンプルでレスポンシブ対応のナビゲーションメニューを実装できるjQueryプラグイン「Fle…

    シンプルなデザインでレスポンシブにも対応したナビゲーションメニューを実…

最近の記事

  1. シービージャパン 耐熱ボウル
  2. メンソレータム リップスティック
  3. スイデンテラス 濃厚バターチキン
  4. ドトール マンデリン

アーカイブ

PAGE TOP