jQuery支持移动手机的360度产品3D旋转展示特效

3dEye是一款非常实用的360度产品3D旋转展示特效jQuery插件。通过使用这个插件你可以向用户全方位展示你的商品。用户可以通过鼠标来旋转商品图片，从不同的角度观察商品，对于用户来说是非常好的体验。

3dEye插件支持所有的现代浏览器和移动手机设备（Android & iOS）。

使用方法

使用这个产品3D展示插件首先要引入jQuery和3deye.min.js文件。

<script src="jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="js/3deye.min.js"></script><br>                
              

HTML结构

可以简单的使用一个带ID的空<div>来作为产品展示图片的容器。

<div id="demo"></div>           
              

初始化插件

在页面加载完毕之后，可以使用下面的方法来初始化该插件。

$(document).ready(function(){

  $("#demo").vc3dEye({
    imagePath:"images/",
    totalImages:51, 
    imageExtension:"png" 
  });

});             
              

配置参数

• imagePath：图片保存的文件夹路径。
• totalImages：产品图片的总数。
• imageExtension：图片的扩展名。确保所有的图片扩展名相同。