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などのタッチデバイスにも対応してるようですし、この値段は結構リーズナブルじゃないでしょうか。
デモと詳細は以下より。