我在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/