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

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

 12015  49  查看评论 (5)
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弹出层插件

可无限次弹出,自己设置大小,手动调整大小都可(相比于layer.js要轻量)
  弹出层
 6278  18

各种弹窗alert

jquery弹窗
  弹出层
 25106  63

easyDialog 简单、实用的弹出层组件

easyDialog没有模板机制,只负责逻辑层的弹出效果,至于内容(消息框、表单、图片等)该如何呈现,easyDialog都不管,内容属于业务层的东西,业务需求是千变万化的,如果逻辑和业务结合很紧密,那么可移植性和可扩展性将大大降低。
  弹出层
 21226  91

jquery弹出层(弹窗)插件SexyLightBox

sexylightbox插件是lightbox繁衍而来,但它比lightbox更性感、更轻。它的架构使得网页设计师更加易于安装和使用。 查看演示将告诉你为什么它被认为是“性感”。
  弹出层
 30560  56

讨论这个项目(5)回答他人问题或分享插件使用方法奖励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

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

    回复
取消回复