Rollerblade.js

JavaScript

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

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

[ads_center]

Rollerblade.js

Rollerblade.js

Rollerblade.js

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

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

Rollerblade.js

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

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

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

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

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

関連記事

  1. t.js

    JavaScript

    タイプライターで文字を入力するようなテキストエフェクトのjQueryプラグイン「t.js」

    t.jsというjQueryプラグインを使えば、タイプライターで文字を入…

  2. JavaScript

    jQueryプラグインのレスポンシブなカルーセルのスライダー「Elastislide」を使ってみた

    jQueryプラグインで画面のサイズによってレイアウトを合わせてくれる…

  3. Brusher

    JavaScript

    インタラクティブな背景を実装できる「Brusher」

    Brusherはインタラクティブな背景を実装できる軽量なJavaScr…

  4. star-rating-svg

    JavaScript

    カスタマイズ性に優れたレーティング(星評価)実装「star-rating-svg」

    star-rating-svgは、SVGを使用したカスタマイズ性に優れ…

  5. jQuery contextMenu plugin & polyfill
  6. JavaScript

    画像やHTML要素に簡単にドロップシャドウをつけられるjQueryプラグイン「pShadow」

    個人的にすごく便利で使う機会がありそなjQueryプラグインの紹介です…

最近の記事

  1. Anker PowerCore Lite 20000
  2. ネクスタイム
  3. フォールドオーバーポーチ
  4. 田沢湖
  5. ハクバ シリコンクロス

Instagram始めました

Facebookページ

アーカイブ

PAGE TOP