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：图片的扩展名。确保所有的图片扩展名相同。