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

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

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

使用方法

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

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

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

相关插件-图片展示

html5极速3D立体式图片相册切换效果

html5极速3D立体式图片相册切换效果
  图片展示
 89472  806

jQuery淘宝图片放大镜(原创)

jQuery淘宝图片放大镜,兼容ie7
  图片展示
 34761  371

jQuery支持图片放大缩小查看效果

e-smart-zoom-jquery.js插件页面上提供了两个按钮,可以让你的图片点击放大或者缩小当然,对于懒人来说,真是懒得点击那么你可以将鼠标悬停在图片上,滚动鼠标滚轮即可实现图片的放大或者缩小效果
  图片展示
 177903  562

jquery 360度旋转插件UIMIX.fullview

360度旋转图片展示jquery插件UIMIX.fullview
  图片展示
 42740  374

讨论这个项目(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
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复