PHP群:95885625 Hbuilder+MUI群:81989597 站长QQ:634381967
    您现在的位置: 首页 > JS特效 > 图片特效 > 正文

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

    作者:admin来源:网络浏览:时间:2014-03-17 12:37:23我要评论
    分享到

    内容介绍

    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目录下。一定要注意顺序,图片尺寸要一样。偏差大的话将没有这种效果。
    下载资源:145 下载积分:0 积分
    转载请注明(B5教程网)原文链接:https://b5.mxunkeji.com/content-55-18-1.html
    相关热词搜索: 360° js插件 立体