blowup.js是一款实用的jQuery图片放大镜插件。它属于轻量级插件,易于使用,可以通过配置参数来设置放大镜的外观样式等属性。
为什么我放大的区域是固定的,固定在图片左上角
在插件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;
以上亲测有效,插件打断点看懂就知道怎么改了。