SpriteSpin

JavaScript

タッチにも対応した360度ビューを実装できるjQueryプラグイン「SpriteSpin」

SpriteSpinはプロダクトページなどで役立つ、360度ビューを実装できるjQueryプラグインです。パソコンではもちろん、タッチにも対応しているモバイルフレンドリーなプラグインなので、スマホからでも360度ビューを楽しむことができます。ECサイトなど活用できるシーンがたくさんありそうですね。

SpriteSpin

デモ

デモでは自転車の画像が設置されており、マウスでドラッグすることでさまざまな角度から眺めることができます。また、スマホではスワイプすることで360度動かすことが可能です。実装には配列に入れた画像などが必要になるとのこと。

商品画像などで画像が1枚しかないと、ユーザーとしては何だかもの足りなく感じますが、360度さまざま角度から商品をチェックできれば、だいぶ安心してショッピングを楽しめそうですよね。

パソコンからだけではなく、iPhone、iPad、Androidなどモバイルにも対応しているのがうれしいポイントです。

また実装には、jQuery 1.4.2以降が必要になります。IE6以上、Opera、Firefox、Safari、Chromeといったブラウザに対応しています。

オプションも豊富で、lanes、module、behavior、renderer、lane、frame、frameTime、animate、reverse、loopなど、まだまだいろんな項目が用意されています。

SpriteSpin

RELLAX超軽量で滑らかなパララックスを実装できるライブラリ「RELLAX」前のページ

Evernoteのペースト時にリッチテキストではなくプレーンテキスト(スタイルなし)にする方法次のページプレーンテキストでペースト

関連記事

  1. jQuery Accordion

    JavaScript

    シンプルで実用的なアコーディオン実装「jQuery Accordion」

    とてもシンプルで操作性のよいアコーディオン「jQuery Accord…

  2. Filterizr

    JavaScript

    ソートやシャッフルができるギャラリーを実装するjQueryプラグイン「Filterizr」

    Filterizrはソートやシャッフルができるレスポンシブに対応したギ…

  3. Unite Gallery

    JavaScript

    レスポンシブな画像・動画ギャラリーを実装できる「Unite Gallery」

    Unite Galleryは、レスポンシブに対応した画像・動画ギャラリ…

  4. hoverpulse

    JavaScript

    マウスオーバーで画像が拡大するシンプルなjQueryプラグイン「hoverpulse」

    マウスオーバーで画像が拡大するシンプルなjQueryプラグイン「hov…

  5. desoSlide

    JavaScript

    サムネイル付きのナビが素敵なスライダーを実装できるjQueryプラグイン「desoSlide」

    desoSlideというjQueryプラグインを使えば、サムネイル付き…

  6. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryでJavaScriptのfor…inを使ってオブジェクトから値を1つずつ取り…

    JavaScriptにはfor...inというプロパティの数だけ繰り返…

最近の記事

  1. 芳醇な香りのラムレーズンサンド
  2. Aモーニングセット
  3. 白トリュフの塩パンやメロンパンなど
  4. 東京都現代美術館
  5. スーリア バターチキン

アーカイブ

PAGE TOP