jQuery鼠标滚轮放大缩小查看图片(原创)

所属分类:媒体-图片展示

 60276  380  查看评论 (26)
分享到微信朋友圈
X
jQuery鼠标滚轮放大缩小查看图片(原创) ie兼容7

使用方法

第一,整合页面结构(html+css)
第二,引入zoom.js,传入参数

$(function() {
    /*
     smallimg   // 小图
     bigimg  //点击放大的图片
     mask   //黑色遮罩
     */
    var obj = new zoom('mask', 'bigimg', 'smallimg');
    obj.init();
})

第三、第三、这样就能看到效果了*-*

相关插件-图片展示

gifplayer暂停或播放GIF图片

gifplayer暂停或播放GIF图片
  图片展示
 33445  323

jQuery鼠标滚轮放大缩小查看图片(原创)

使用jquery实现点击放大图片之后,使用鼠标滚轮放大缩小图片,点击遮罩关闭图片
  图片展示
 60277  380

jQuery移动端图片查看插件photoswipe.js

实现了移动端图片查看缩放,左右切换效果
  图片展示
 80944  445

jQuery的图片浏览插件Zoomimage

该jQuery插件能够让以当前流行的方式来展示图片。提供:预加载图片提示,对图片进行分组,自动调整图片显示比例,图片分组浏览控制。
  图片展示
 52770  354

讨论这个项目(26)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    -Promise°|`・ㄟ 0
    2022/3/17 14:31:47
    Pg_Channel 0
    2021/3/14 17:10:42
    只能放大和缩小,不能拖动。 回复
       打扰了 0
    2019/8/5 14:27:42
    可以加个上下张会更好
        jiyahua0
        2019/8/31 10:40:40
        只能缩小不能放大,这边如何解决的
    回复
    Instinct. 0
    2019/6/14 10:43:19
    作者大哥 只能缩小不能放大 怎么解决 回复
    ? 0
    2019/4/17 23:36:56
    只能缩小不能放大
        Instinct.0
        2019/6/14 10:39:23
        你好 只能缩小不能放大的问题是怎么解决的
    回复
    洒脱 0
    2019/1/25 14:01:16
    真的不值这个价钱,,,IE7下图片会展示在做上角.也不知道你咋测试的
        Dave Krinsky0
        2019/1/25 14:12:03
        看了一下,ie7弹出层会出现在左上角,ie7以上没有问题,现在插件要去支持已经淘汰的低版本ie有些得不偿失。如果你非要这么作需要对.bigimg {}加入对ie7兼容的属性。ie7调试麻烦你就自己试试啦。
    回复
    ?分钱 0
    2019/1/17 11:58:08
    滚轮只能缩小,不能放大
    原因是 .bigimg的border
    可演示中为什么就可以
        Instinct.0
        2019/6/14 10:42:36
        你好请问是怎么解决的(只能缩小不能放大)
    回复
    仙人 0
    2019/1/17 10:16:55
    可以调放大倍数吗? 回复
    如果不是什么果 0
    2019/1/4 11:39:10
    你好,我用在项目里,鼠标滚动放大放大不了是为什么呢,一直无限缩小,就是不放大 回复
    TIAMO 0
    2018/12/3 14:36:33
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复