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

関連記事

  1. Reframe.js

    JavaScript

    特定の要素をレスポンシブ化してくれる「Reframe.js」

    Reframe.jsはレスポンシブに対応していない特定の要素をレスポン…

  2. sticky-items

    JavaScript

    HTML要素をページ上部に固定させれるjQueryプラグイン「sticky-items」

    sticky-itemsは指定したHTML要素をWebページの上部に付…

  3. simple-calendar

    JavaScript

    イベント設定もできるシンプルなカレンダー実装「simple-calendar」

    simple-calendarは、イベント設定も可能なシンプルなカレン…

  4. Animated Page Transition
  5. nuContextMenu

    JavaScript

    モダンなコンテキストメニューを実装できる「nuContextMenu」

    nuContextMenuはモダンで軽量なコンテキストメニューを実装で…

  6. jTableScroll

    JavaScript

    ヘッダーとフッターを固定したままスクロール可能なテーブル「jTableScroll」

    jTableScrollはヘッダーとフッターを固定したままスクロール…

最近の記事

  1. EH-NA0B
  2. KPS-88
  3. Happy Plugs AIR1
  4. cheero Stream 10000mAh
  5. BOSE HOME SPEAKER 300

アーカイブ

PAGE TOP