当前位置:JS特效 » 图片效果 » jQuery的图片展示插件imgZoomAndRotate
 jQuery的图片展示插件imgZoomAndRotate
如果您觉得内容不错,请分享:

插件介绍

imgZoomAndRotate是一款基于jQuery的图片展示插件。该图片展示插件支持图片循环切换,缩放,旋转,拖拽。

浏览器兼容性

浏览器兼容性
时间:2021-07-24 阅读:304
简要教程

imgZoomAndRotate是一款基于jQuery的图片展示插件。该图片展示插件支持图片循环切换,缩放,旋转,拖拽。它的特点还有:

  • 支持在iframe下全屏展示和操作图片;
  • 添加上一张,下一张,左旋,右旋,和关闭图片按钮的功能;
  • 添加十字键盘切换图片和进行缩放;
  • 支持图片元素在dom不同的层级下同时进行绑定;
  • 缩放(原有功能)

使用方法

在页面中引入jquery、jquery.mousewheel.js、jquery.drag.js和imgZoomAndRotate.js文件。




 
                
HTML

可以通过下面的方法来在页面构建一组图片。

初始化插件

在页面DOM元素加载完毕之后,通过imgZoomAndRotate()方法来初始化该插件。

$('.zoomImgs').imgZoomAndRotate({'loop':true})                  
                

该基于jQuery的图片展示插件的github网址为:https://github.com/lenisleopold/imgZoomAndRotate

Top