I’m not sure what you mean by the word “overlay”. A link to the page would be very helpful.
Can I send you the link to the page in private?
Here is the page: http://tracker.winnowhost.com/
Scroll down and mouseover “Compliance” button and then select view reports. Overlay (pop-up) will open. you will see that the zoom is working very well. If you close the overlay, and then mouse over the laptop image you will see that the zoom is still active. How do i destroy the zoom when closing the overlay?
Thank you for a great plugin!
You can remove that phantom zoom by adding the document.getElementsByClassName("zoomContainer").remove(); code to the close button, as follows:
<a href="#features" onclick="self.close(); document.getElementsByClassName("zoomContainer").remove();" class="close">×</a>
But the problem with this approach is that if you try to open again the “Compliance” pop-up, the zoom will not be there, as we’ve just removed it.
In the free version the zoom element is build on page load and activated on hover. In the pro version the zoom element is build on hover, therefore you can remove it and rebuild it afterwards.
I’m afraid you’ve reached and crossed the limits of use cases for the free version, as it never planned to be used in a dynamic setup where the image shows up and disappears afterwards. If you’re happy with the suggested solution, go ahead and use it, but that’s the best I can help you with.
Thanks, but that does not remove. If I purchase the pro version, this will be fixed??
You have a very custom setup, so I don’t know if this will work by default in the pro version, but I will definitely try to find and implement a solution.
In case we don’t find a solution, of course you’ll get your money back. I’m not interesting to sell something that doesn’t work as expected on your website.
Hi Diana, I have purchased and installed the pro version. All is now working perfectly, thank you for your assistance!
I’m glad it all works fine 🙂
