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. jsPanel

    JavaScript

    高度なセッティングができるフローティングパネルやモーダルウィンドウ実装「jsPanel」

    jsPanelは高度なセッティングができるフローティングパネル、モーダ…

  2. Lobibox

    JavaScript

    レスポンシブなメッセージを通知できる「Lobibox」

    Lobiboxはレスポンシブなメッセージボックスを通知できるjQuer…

  3. no-image

    JavaScript

    レスポンシブ対応でモバイルフレンドリーなjQueryデートピッカー・タイムピッカー「pickadat…

    pickadateはレスポンシブに対応したモバイルフレンドリーなデート…

  4. JavaScript

    テキストに炎のようなエフェクトを追加してくれるjQueryプラグイン「jQuery Burn」

    テキストに炎のようなエフェクトを追加してくれるjQueryプラグイン「…

  5. Swipeshow

    JavaScript

    スワイプにも対応したシンプルなスライドショーを実装できるjQueryプラグイン「Swipeshow」…

    タッチデバイスのスワイプにも対応したシンプルなスライドショーを実装する…

  6. JavaScript

    リスト化したテキストを円になるように配置してくれるjQueryプラグイン「Extremes」

    ちょっと面白そうだったので使ってみました。リスト化した各テキストを円を…

最近の記事

  1. Anker PowerPort 5-in-1 37.5W Hub
  2. α7C + FE28-60mm F4-5.6
  3. Apple Watch Series 6
  4. iPad Air

アーカイブ

PAGE TOP