WordPress.org

1. mindkil
   Member
   Posted 1 year ago #

   I have a Next-Gen generated gallery with a Shutter (lightbox-like) effect, in which I want a hover zoom overlay with the full-size image. I use featuredimagezoomer.js for the zooming effect.

   The problem with the script is that it doesn't remove the zoom image overlay when I mouseout, and the image stucks in when I step to another image or close the Shutter. I tried the empty(), and remove() methods in jQuery, but none worked well, destroying the complete zoom-script's functioning.

   this is the script:

   jQuery("img#shTopImg").live('mouseover mouseout', function(event) {
   
     if (event.type == 'mouseover') {
   var imw = jQuery("img#shTopImg").width();
   jQuery(this).delay(200).addimagezoom({
   magnifiersize:[350, 350], zoomrange: [3, 8], rightoffset: - imw });
     } else {
   
   // remove logic goes here
   
   }
   
   });

   and this is the page where it is: http://baksagaspar.com/MH-work/collections/jungle-under-construction-2

   You can see when it opens an image in a shutter, and you navigate to some other picture, it's zoom overlay still stays on the screen

   Any help please how could I solve this problem??

Topic Closed

This topic has been closed to new replies.