SpriteSpinはプロダクトページなどで役立つ、360度ビューを実装できるjQueryプラグインです。パソコンではもちろん、タッチにも対応しているモバイルフレンドリーなプラグインなので、スマホからでも360度ビューを楽しむことができます。ECサイトなど活用できるシーンがたくさんありそうですね。
SpriteSpin
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など、まだまだいろんな項目が用意されています。
タッチをサポートしたモバイルフレンドリーな360度ビューをjQueryプラグインで実装したい方は、ぜひ「SpriteSpin」を使われてみてはいかがでしょうか？
