360°立体展示相机产品的js插件
- 作者：网页模板
- 大小：0.439MB
- 点击次数：
- 发布时间：2014-03-17 11:55
特效介绍
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目录下。一定要注意顺序，图片尺寸要一样。偏差大的话将没有这种效果。
- 本文标签：
- 360,立体,展示,相机,产品,的,插件,360,立体,
