图像放大镜+鼠标

时间:2017-10-01 14:06:24

标签: javascript jquery html image image-zoom

我目前正在尝试以下方法:

我有一张地图(如图片)。当徘徊在特定国家/地区时,这些国家会出现大的黑色边界(这可以通过maphilight.js来实现。)

现在我想要一个额外的。由于地图上的一些国家非常小,我想加一个放大镜,这样你就可以更好地看到这些国家。

因此,我发现okzoom是一个非常酷的插件,易于使用且工作正常。

所以我正在调用函数

$('#Image-Maps-Com-image-maps-2017-08-25-161100-img').okzoom({
             width: 400,
            height: 400,
        scaleWidth:4000
            });

添加放大镜,(正如我所说)工作正常。问题:这个放大镜删除了我的imagemap功能(不仅是黑色边框,还有完整的imagemap功能,因为我的鼠标被完全移除。

现在的问题是:有没有什么方法可以同时拥有一个移动的鼠标,哪些可点击的国家在悬停在一个国家时具有黑色边框+放大镜一旦悬停在图像上?有没有办法让使用插件的放大镜下面的鼠标可见?是否有另一种方式(另一个插件)来实现放大但仍然具有图像映射功能?

我还查看了插件的代码,在某些地方(touchstart等),它显示e.preventDefault(),当我评论这些行时,我的悬停(图像映射)正在工作再次,但放大镜不再工作了。

有什么想法吗?

0 个答案:

没有答案