回路是一个jQuery插件，可以进行360度旋转的产品图片。回路产生的图像，可以旋转鼠标，按一定的角度旋转鼠标滚轮和产品移动触摸。与前滑旱冰相比，动画是顺利和容易控制，和插件是非常合适的为商品展示。

其特点如下：

在水平方向或垂直方向旋转。

支持移动触摸事件。

支持滚动事件。

图像预加载处理。

你可以反向旋转图片和循环。

JQ酷实例教程：jQuery产品图片360度旋转回路

介绍核心文件






要构建HTML，只需要为图片构建一个div容器，还可以添加一个加载的div来改进体验。























写入js，初始化插件


VaR CRL =回路（元，期权）； / /呼叫的方法
元素：放置在图片中的容器元素的ID。
选项：参数对象。
例
VaR CRL =回路（'circlr，{
卷轴：真的，
装载机：'loader
}）；




参数



鼠标：不管图片是用鼠标旋转，默认值是真的。

滚动条：图像是否通过滚动旋转，默认值为false。

垂直方向：当鼠标在垂直方向移动时，图片是否旋转，默认值为false。

反向：方向是否反转，默认值为false。

循环：图片是否旋转，默认值为真。

开始：启动动画帧，默认值为0。

速度：动画帧的切换通过circlr.turn速度（我），默认值50毫秒。

自动播放：图像是否是自动旋转360度，用虚假的默认值。

playspeed：的动画序列的播放速度，默认值是100毫秒。

加载程序：预加载DOM元素的id。

准备好：图像加载后的回调函数。

更改：动画帧自适应后的回调函数（在当前帧和参数总数）。

方法



Crl.el：返回对象的DOM元素节点。

crl.length：返回对象的全动画帧。

Crl.turn（我）：动画旋转架I.

CRL。（i）：动画跳跃到帧i。

Crl.play（）：启动动画顺序播放。

Crl.stop（）：停止动画。

Crl.hide（）：的隐藏对象的DOM元素节点。

Crl.show（）：显示对象的DOM元素节点。

crl.set（选项）：改变对象参数的插件的初始化后：

垂直

反向

周期

速度

playspeed

以上内容是基于jQuery回路插件来实现产品图片360度旋转，我希望每个人都喜欢它。