图片/图形

360度产品图片3D旋转展示特效

阿里云


3dEye 是一款非常实用的 360 度产品 3D 旋转展示特效 jQuery 插件。通过使用这个插件你可以向用户全方位展示你的商品。用户可以通过鼠标来旋转商品图片,从不同的角度观察商品,对于用户来说是非常好的体验。3dEye 插件支持所有的现代浏览器和移动手机设备(Android & iOS)。

使用方法

使用这个产品 3D 展示插件首先要引入 jQuery 和 3deye.min.js 文件。

也想出现在这里?联系我们
创客主机
  1. <script src="jquery/1.10.2/jquery.min.js"></script>
  2. <script type="text/javascript" src="js/3deye.min.js"></script>

HTML 结构

可以简单的使用一个带 ID 的空<div>来作为产品展示图片的容器。

  1. <div id="demo"></div>

初始化插件

在页面加载完毕之后,可以使用下面的方法来初始化该插件。

  1. $(document).ready(function(){
  2.  
  3.   $("#demo").vc3dEye({
  4.     imagePath:"images/",
  5.     totalImages:51, 
  6.     imageExtension:"png"
  7.   });
  8.  
  9. });

配置参数

imagePath:图片保存的文件夹路径

totalImages:产品图片的总数

imageExtension:图片的扩展名。确保所有的图片扩展名相同

360 度产品图片 3D 旋转展示特效

已有 1272 人购买
查看演示升级 VIP立刻购买

演示地址 下载地址
收藏
(2)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!