360°产品展示jQuery插件--3dEye.js
- 作者：网页模板
- 大小：3.23MB
- 点击次数：
- 发布时间：2014-09-26 10:05
特效介绍
360°产品展示jQuery插件--3dEye.js，向左或者向右拖动鼠标，可以360°查看产品的各个面，非常实用。使用时，尽量拍摄角度的高度不要变，拍摄图片的连贯度尽量高，图片数量尽量多，否则会造成不连贯。由于图片太多，就不提供预览了，自己下载下来在本地预览更流畅
使用方法
1、在head引入相关js、css<link rel="stylesheet" type="text/css" href="css/style.css" />
<script type="text/javascript" src="http://www.5imoban.net/download/jquery/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/3deye.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#myCar").vc3dEye({
imagePath:"images/", //产品图片的文件夹
totalImages:51, //图片数目
imageExtension:"png" //图片扩展名
});
});
</script>
2、在需要展示产品的位置放下面的div
<div id="myCar"></div>当然，id命名由你，但是要和上面调用代码的id选择器保持一致。
- 本文标签：
- 360°产品展示,3dEye.js
