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') );