用jquery 360度瀏覽產品

j360
前陣子看到一個網站只要拖曳圖片,就可以360度觀看產品,想說技術應該不會很難,再來又想到這個應該會很多人有需求,果然找一下就找到plugin了。

外掛網址:360 degrees product view

首先引入plugin
<script src="/j360.js"></script>

其實原理就只是把3D旋轉的圖片分成很多張序列圖,在拖曳的時候去切換圖片而已,所以這邊只要把圖片放到div內,再使用plugin就好了。

  1. $('#product').j360();  

DEMO

留言