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>
可以简单的使用一个带 ID 的空<div>来作为产品展示图片的容器。
<div id="demo"></div>
在页面加载完毕之后,可以使用下面的方法来初始化该插件。
$(document).ready(function(){
$("#demo").vc3dEye({
imagePath:"images/",
totalImages:51,
imageExtension:"png"
});
});
imagePath:图片保存的文件夹路径
totalImages:产品图片的总数
imageExtension:图片的扩展名。确保所有的图片扩展名相同
演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务,详询在线客服!