javascript - ElevateZoom，在始终打开的不同 div 上显示缩放部分

Question

我正在使用ElevateZoom我的网络应用程序中的插件。但该插件的默认行为是仅当鼠标悬停在特定区域周围时才显示缩放部分。

我想要实现的是，在不同的 DIV 中显示图像的缩放版本，并且即使在鼠标从图片中移开后也会继续显示缩放的图片。

ElevateZoom 插件默认情况下是否能够执行此操作，或者是否有人已经使用该插件实现了此功能。如果是这样，非常感谢任何指示或帮助。

Answer 1

elevateZoom 插件无法开箱即用地执行此操作。

如果您查看插件代码 (jquery.elevatezoom.js)，您可以在第 #450 行看到 mouseleave 函数，如果您可以编辑插件代码，则只需替换 self.setElements("hide") 与 self.setElements("")。但我认为这不会产生预期的结果。

您可以找到另一个插件，也可以破解这个插件。对于后者，很高兴知道您可以通过这种方式访问​​ elevateZoom 对象:

var $image = $('#your-image').elevateZoom({...});
console.log( $image.data('elevateZoom') );