I have the main page with an image and I have image maps on it.
When a user hovers / clicks on the specific area, I need to open a popup on the page with another image with image maps.
Again when a user hovers / clicks on the specific area within the new popup another popup opens.
The issue I am having is this.
If I hover / click on the first image map I am able to open a new popup. But the issue comes up when I use the script to open the popup on the new popup. Here sometimes it opens / sometimes it doesnot.
Also once a popup opens the script fails to work for other popups on the page. Only after I refresh the page I can open popups again.
Any jquery script / function that I could use for the issue I am facing?
This I believe is needing a lot of coding. Further for each window need to create a popup and on close change event. Is there nothing a bit simpler available? I have a total of around 100 popups to open and this would result in a lot of coding.
Attaching a screen of what is needed. Any help is highly appreciated.
Yes I am aware that so many popus are not good for any site. But thats what the design team wants done and the design team is not ready to move an inch in this regard.
I tried explaining many times that load times would suffer and not the best way to create a page, but the design team believes thats the way to go.
I also created a couple of small demos explaining the issues but thats not changed their outlook. They feel there is nothing much to do, but I explained it would mean a lot of coding / work.
Further, I also gave them the idea, that we could create on click to to to a specific page and then have popup on that page. That way we could limit the number of popups but they need it all on a single page.