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

我想要实现的是,以不同的DIV显示图像的缩放版本,即使从图片中删除了鼠标,也将继续显示缩放的图片。

ElevateZoom插件默认能够做到这一点,还是有人已经通过插件实现了此功能,如果是的话,真的很感谢任何指针或帮助。

最佳答案

elevateZoom插件无法直接使用。

如果查看插件代码(jquery.elevatezoom.js),则可以在第450行看到mouseleave函数,如果可以编辑插件代码,可以将self.setElements("hide")替换为self.setElements("")。但是我认为这不会达到预期的效果。

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

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

关于javascript - ElevateZoom,显示始终在不同div上的缩放部分,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/29555920/

10-10 09:10