首页 > 特效插件 > 滚动轮播 >  360°立体展示相机产品的js插件正文

360°立体展示相机产品的js插件

特效介绍
360°立体展示相机产品的js插件
360°立体展示相机产品的js插件。随着鼠标水平方向上移动,产品图片也会改变角度。可以360°查看产品不同角度效果。
使用方法
1、把<!--引入开始-->和<!--引入结束-->之间的代码放到您的html文件的头部。
2、把以下代码拷贝到你想引用的地方
<div id="photo">
    <div id="bigphoto"><img src="images/t.gif" width="800" height="800" id="imgBig"/><div id="loading"></div></div><!--/bigphoto-->
    <div id="smallphoto">
        <img src="images/z3d/small/image 1.jpg" id="img" _src="images/z3d/big/z3d001.jpg"/>
    </div><!--/smallphoto-->
    <div id="box360"><a href="javascript:;"></a></div>
</div><!--/photo-->
<div id="prog">
    图片正在加载中请稍后.....<span>0%</span>
    <div id="bar"></div>
</div>
<div id="bg"></div>
<div id="div1"></div>
注:本插件360°旋转产品,实际上是24张不同角度的同一产品图片的依次展示。如果您想使用此插件到您的产品上,请把您的产品从水平方向上的不同角度拍摄24张,一定要连贯,然后按照顺序依次命名为“image 1.jpg”-“image 24.jpg”。然后放到images\z3d\small目录下。一定要注意顺序,图片尺寸要一样。偏差大的话将没有这种效果。