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

    JavaScript

    レンズで拡大するように画像の細部をマウスオーバーでズームできる「okzoom」

    okzoomは画像細部をマウスオーバーでズームすることができるjQue…

  2. Tooltipster

    JavaScript

    シンプルで使い勝手がとてもいいツールチップを実装できるjQueryプラグイン「Tooltipster…

    シンプルで使い勝手がとてもいいツールチップを実装できるjQueryプラ…

  3. Cavendish.js

    JavaScript

    CSS transitionsを活用したシンプルなスライドショーを実装できるjQueryプラグイン「…

    CSS transitionsを活用したシンプルなスライドショーを実装…

  4. SweetAlert2

    JavaScript

    カスタマイズ性が高くアクセシビリティ(WAI ARIA)に優れたアラート実装「SweetAlert2…

    SweetAlert2は、レスポンシブ対応でカスタマイズ性が高くアクセ…

  5. Unite Gallery

    JavaScript

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

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

  6. 2013年上半期jQueryプラグインまとめ

    JavaScript

    2012年に紹介したjQueryプラグインのまとめ

    当ブログで2012年にご紹介したjQueryプラグインをまとめてみまし…

最近の記事

  1. 岩木山
  2. パーソナルパーティション

アーカイブ

PAGE TOP