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

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

 17743  58  查看评论 (6)
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">
相关插件-弹出层,图片展示

flavr—超级漂亮的jQuery扁平弹出对话框

flavr是一个时尚的扁平弹出对话框为您的下一个网站。 flavr是响应设计布局,能够适应任何屏幕大小。 得到最好的用户体验,使用流行的animate.css动画,最重要的是,flavr可以运行在任何新的浏览器IE8(+),任何设备和屏幕大小。
  弹出层
 79251  679

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

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

各种弹窗alert

jquery弹窗
  弹出层
 30934  73

悬浮九宫格菜单jQuery插件

悬浮九宫格菜单jQuery插件
  弹出层
 21810  112

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

    普明子 0
    2017/10/29 23:45:27
    是我使用有问题吗?无法实现缩放效果 回复
    Pg_Channel 0
    2017/8/23 18:42:49
    随遇而安 0
    2017/5/16 11:45:12
    h5-wu 0
    2017/5/5 15:00:58
    0
    2017/4/26 10:05:13

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

        木 偶然0
        2018/3/13 19:36:28
        我的发现了,这个问题你解决了吗?
    回复
取消回复