360°产品展示jQuery插件--3dEye.js

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选择器保持一致。


部分素材资源来源网站，本站提供免费下载，如有侵权请联系站长马上删除！