I'm currently using the Window Position Zoom and Mouse Wheel Zoom for product images in a slider, however I can't find a way to detect when my mouse is hovering over a zoom container or window in jQuery same goes for detecting a way that tells jQuery that the zoom event is true.
When I am zooming on an image using Elevatezoom, I wish to hide images on the same webpage (unrelated to anything I'm zooming on) to disappear and reappear when the zooming on and off.
I've tried the normal root using Jquery and targeting ID's and Classes that appear in the HTML such as Zoom container, Zoom container window, but failed to get it to work.
$('.zoomcontainer').hover(function() {
$('.badge').show();
},function() {
$('.badge').hide();
});
But no luck. I've attached a image to visually show my problem. see my idea example https://i.stack.imgur.com/hqBra.jpg
If anyone can help I would be very grateful, thank you.
edinaldo12
commented
3 years ago
I'm currently using the Window Position Zoom and Mouse Wheel Zoom for product images in a slider, however I can't find a way to detect when my mouse is hovering over a zoom container or window in jQuery same goes for detecting a way that tells jQuery that the zoom event is true.
When I am zooming on an image using Elevatezoom, I wish to hide images on the same webpage (unrelated to anything I'm zooming on) to disappear and reappear when the zooming on and off.
I've tried the normal root using Jquery and targeting ID's and Classes that appear in the HTML such as Zoom container, Zoom container window, but failed to get it to work.
$('.zoomcontainer').hover(function() { $('.badge').show(); },function() { $('.badge').hide(); }); But no luck. I've attached a image to visually show my problem. see my idea example https://i.stack.imgur.com/hqBra.jpg
If anyone can help I would be very grateful, thank you.