首页 > 特效插件 > 图像特效 >  360°产品展示jQuery插件--3dEye.js正文

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

特效介绍
360°查看产品


360°查看产品

360°查看产品

360°查看产品
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选择器保持一致。