jQuery图片放大镜插件blowup.js

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

 44027  381  查看评论 (12)
分享到微信朋友圈
X
jQuery图片放大镜插件blowup.js ie兼容10

blowup.js是一款实用的jQuery图片放大镜插件。它属于轻量级插件,易于使用,可以通过配置参数来设置放大镜的外观样式等属性。

相关插件-图片展示

仿qq空间图片展示效果

使用方法简单详细,类似于qq空间的图片展示效果
  图片展示
 47019  475

图片点击放大并居中显示

纯js实现的一个图片点击放大并居中显示的插件,支持自定义图片详情,可作为图片浏览插件,也可自行改写
  图片展示
 52351  356

jQuery点击图片预览并显示详情

jQuery点击图片预览并显示详情,加入购物车,适合简单的商城系统
  图片展示
 50104  693

jQuery放大镜插件imgzoom.js

jQuery图片放大插件imgzoom.js
  图片展示
 26848  317

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

    李兽兽 fighting?? 0
    2019/4/2 15:15:34
    只能在width为整个html页面的100%才行,不然就显示背景颜色。。。。。。。。怎么更改参数诶?? 回复
    yuzhe 0
    2018/11/23 15:48:51
    为啥我的只显示背景颜色? 回复
    guoandrew 0
    2018/9/15 21:43:03
    怎么使用img标签时,一直说不是img 回复
    为了理想而奋斗i 0
    2018/6/5 10:00:55
    为啥必须要写html5??? 回复
    雅痞丶 0
    2017/11/13 19:12:27

    为什么我放大的区域是固定的,固定在图片左上角

        LOVE0
        2018/1/14 20:17:09
        老哥  解决没  我的也是  
        可口可乐itsme3
        2018/3/23 17:17:44

        在插件background-position那加上"px"单位试试

        $blowupLens.css({
               left : lensX,
               top  : lensY,
               "background-image": "url(" + imgs.src + ")",
               "background-position" : zoomX+"px" + " " + zoomY+"px"
             });

        若还是不行查看 this.offsetLeft,this.offsetTop取值是否正确,若不正确则获取正确的offsetLeft和offsetTop即可

         // Relative coordinates of image 
             var relX = e.pageX - this.offsetLeft;
             var relY = e.pageY - this.offsetTop;

        以上亲测有效,插件打断点看懂就知道怎么改了。

    回复
    曼巴精神 0
    2017/9/13 16:41:31

    尼玛,不说杂用啊

    回复
    以后还是朋友 0
    2016/8/16 13:08:50
    ??&?意 0
    2016/6/3 21:06:25
    为什么这个demo的头文件必须声明明!DOCTYPE html5,而不能是!DOCTYPE html,否则没有效果?
        lalalaal0
        2018/12/5 15:22:50
        请问你解决这个问题了吗
        .0
        2022/3/9 15:57:51
        多谢,就卡这里了找了半天没找到问题,结果必须是html5的声明
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复