jQuery图片缩放拖动查看插件jquery.imgZoom

所属分类:UI,媒体-弹出层,图片展示

 4969  21  查看评论 (1)
jQuery图片缩放拖动查看插件jquery.imgZoom ie兼容9

imgZoom简介

点击图片后,出现大图,可用鼠标滚轮缩放,可以用鼠标拖动改变位置

安装

引用jquery后,引用以下3个jquery插件

  1. jquery.drag.js

  2. jquery.mousewheel.js

  3. jquery.imgZoom.js

调用方法

$("img").imgZoom();

如果img显示的是缩略图,可以把原始图链接放在data-src中,如下:

<img src="thumbnail.jpg" data-src="original.jpg">

相关插件-弹出层,图片展示

jquery鼠标悬停滑动切换特效

jquery鼠标悬停滑动切换特效
  弹出层
 7316  65

jquery 弹出层

多功能表单弹出层插件,可自定义,附带可运行
  弹出层
 32160  263

四种简单弹窗 — 自己配置弹窗

四种弹出方式,可以非常简单的通过修改css来定义自己喜欢的样式。
  弹出层
 15386  95

过渡动画效果的Bootstrap模态窗口

这是一款基于velocity.js过渡动画效果的Bootstrap模态窗口和Popover。该效果在Bootstrap模态窗口和Popover的基础上,使用velocity.js来制作模态窗口和Popover打开时的动画过渡效果。
  弹出层
 3684  37

讨论这个项目(1)回答他人问题或分享插件使用方法奖励jQ币

    0
    2017/4/26 10:05:13

    放大再缩小后,网页的上下滑动失效了!!!!!!!!!!!!!!!!!!!!!

    回复
取消回复