简体   繁体   English

使jqZoom Evolution的缩放框跟随我的鼠标光标

[英]Make jqZoom Evolution's zoom box follow my mouse cursor

I am using jqZoom Evolution to implement zoom functionality on my site, the problem is that it does not have the functionality for the zoom box to follow my mouse pointer around as I hover over a image, I have tried using mousemove to make it follow the cursor around, but every time I resize the browser the box moves further away from the cursor, 我正在使用jqZoom Evolution在我的网站上实现缩放功能,问题是当鼠标悬停在图像上时,它没有缩放框跟随鼠标指针的功能,我尝试使用mousemove使其遵循光标左右移动,但是每次我调整浏览器大小时,该框都会远离光标移动,

    $("#single_main_container").mousemove(function(e){

        $(".zoomWindow").css({
            top: e.pageY,
            left: e.pageX
        });

    });

so basically I just need the zoom box to follow my mouse cursor around when I hover over the image. 因此基本上,当我将鼠标悬停在图像上方时,我只需要缩放框即可跟随鼠标光标移动。

its not following your cursor? 它没有跟随您的光标? but the 1st demo is showing zoom as you move your mouse http://www.mind-projects.it/projects/jqzoom/demos.php#demo1 但第一个演示却在您移动鼠标时显示缩放http://www.mind-projects.it/projects/jqzoom/demos.php#demo1

Edit 编辑

not exactly a solution but an alternative plugin which provides mouseover zoom out-of-box 并非完全是解决方案,而是提供了鼠标悬停缩放功能的替代插件

http://redeyeoperations.com/plugins/zoomy/ http://redeyeoperations.com/plugins/zoomy/

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM