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

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

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

VenoBox jQuery灯箱插件

VenoBox 又一个响应的jQuery灯箱插件,适用于图片,内嵌的内容, iFrame中,百度地图,谷歌地图, Ajax请求,或是Vimeo和YouTube视频。
  弹出层
 14957  20

基于bootstrap和animate.css的模态框效果

基于bootstrap和animate.css的模态框效果,可以自定义显示隐藏的动态效果,可添加显示和隐藏时的回调方法,填充数据
  弹出层
 8431  52

jquery鼠标悬停滑动切换特效

jquery鼠标悬停滑动切换特效
  弹出层
 7741  66

弹出效果(2d,3d等19种弹出效果强力推荐)效果超棒

弹出效果(2d,3d等19种弹出效果强力推荐)效果超棒,目前找到的最好的弹出效果
  弹出层
 18557  74

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

    随遇而安 0
    2017/5/16 11:45:12
    h5-wu 0
    2017/5/5 15:00:58
    0
    2017/4/26 10:05:13

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

    回复
取消回复