Best practice on building modals
I am building a prototype for a website that has multiple modals that can potentially display above many different screens. Some of the modals are fairly static and some are galleries that require a Dynamic gallery.
Ideally, I would like the screen from which the user click the item to launch the modal display underneath the modal with a semi-transparent mask so it looks like a lightbox.
My understanding is that even though the modals are on many screens, I cannot put the modals in the template because everything in the template displays below the main screen.
Should I create separate Dynamic Panels for each modal, save them as masters and then drag the masters onto to every screen from which they could be launched, and then hide them?
This seems like the best solution, but I am afraid that the screens will be hard to work on if they have multiple hidden objects on top of them.
Is there a better way to do this?