Tag: 缩放

jQuery缩放颜色框内

是否可以在彩盒中使用Jack Moore的jQuery Zoom插件？ $(document).ready(function(){ $(‘a.photo’).zoom({url: ‘photo-big.jpg’}); });

将jquery图像缩放效果绑定到onclick

我正在使用此插件在我的网站上启用图像缩放： http://www.elevateweb.co.uk/image-zoom/ 我修改了代码，以便在您单击图像时仅显示放大镜（当您将鼠标hover在图像上时，鼠标光标是放大镜，表示您可以单击以进行缩放）。 代码如下所示： $(“#mainimage”).click(function() { $(“#mainimage”).elevateZoom({ zoomType: “lens”, lensShape: “round”, lensSize: 300 }); }); 这段代码工作正常。 但我想做的还是删除点击缩放效果。 我尝试写的任何代码都不起作用……有什么建议吗？ 谢谢！ 编辑： 我发现这个github注意似乎表明有一个changeState函数： https://github.com/elevateweb/elevatezoom/commit/81c2cc4946f6bebc33c0d8e804b046b36fa1bc61 但是我在没有文档的情况下使用它时遇到了麻烦…… 现在我有这样的东西（只是为了测试它）： $(“#mainimage”).click(function() { $(“#mainimage”).elevateZoom({ zoomType: “lens”, lensShape: “round”, lensSize: 300 }); }); $(‘.productbioimage’).click(function(){ var ez = $(‘#mainimage’).data(‘elevateZoom’); ez.changeState(‘disable’); }); 这似乎工作正常 – 当我点击图像我得到缩放function，当我点击这个其他（随机）div它会破坏缩放function。 但我无法弄清楚如何在点击图像时切换启用/禁用changeState函数？ 谢谢！