jQuery图片放大镜插件blowup.js

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

 13697  72  查看评论 (6)
jQuery图片放大镜插件blowup.js ie兼容10

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

相关插件-图片展示

javascript动感相册

javascript实现动感相册,放大缩小,不依赖其它库
  图片展示
 15746  71

jQuery圆形转动切换文字

jQuery实现头像和文字的切换,并且伴随着圆环的转动,很有趣的效果
  图片展示
 6741  111

Apple TV的海报视差效果

CSS和jQuery重现这种现象
  图片展示
 10965  97

HTML5卡片人物介绍动画展示效果

HTML5卡片人物介绍动画展示效果ie9和ie10没有测试,ie8以下不支持。基于bootstrap框架制作
  图片展示
 16959  163

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

    雅痞丶 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,否则没有效果? 回复
取消回复