• mindkil

    (@mindkil)


    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: https://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??

  • The topic ‘Shutter zoom-image problems’ is closed to new replies.