画像のズームと、ドラッグによる連続表示を使った360度ビューが可能なECサイト向けjQueryプラグイン・Dopeless

ECサイトに良さそうなjQuewryの
プラグイン・Dopelessのご紹介
です。画像のズームと、ドラッグ
操作で360度ビューを再現できる
というもの。タッチデバイスに
も対応しているようです。

ライセンスが非商用CCで、商用はライセンス購入のプラグインですが、ズーム機能と360度ビューがセットになっているのは素敵です。

Dopeless

画像をドラッグで動かすと、四方八方から撮影されたプロダクトを連続表示し、360度ビューを可能にしています。また、ズーム機能も付いていて、タッチイベントにも対応しているとの事。画像はPHPで自動ロードする仕様です。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="dopelessRotate.js"></script>

普通に読み込んで

$(document).ready(function(){
$('#rotateimage').tsRotate({
});
});

初期化するだけ。

360度ビューのために複数画像を用意する必要がありますが、この画像のロードはPHPで処理するみたいです。

ライセンスは非商用のCCですが、商用はフィーを支払う必要があります。1ドメインで2800円くらいみたい。試してないけどiPhoneなどのタッチデバイスにも対応してるようですし、この値段は結構リーズナブルじゃないでしょうか。

デモと詳細は以下より。

Dopeless