My job involves digital publishing for print/paper magazines. For the Web, I convert pages into SWF (Flash) files for display in a proprietary player. The mobile device app version uses PNGs. Neither the player or app can be modified except by Development, which doesn't want to mess with this: customers are asking for a way to click a hyperlink and get a pop-up that shows video or an image. The challenge here is that I need to center or otherwise position the pop-ups, as well as control their size. I'd also like the option to style them (preferably with CSS). This is easy on a Web page where you can include JavaScript, CSS, etc.
But the way we assign links won't give me options except adding variables to a URL. This means resizing, styling, etc will have to take place inside the HTML doc first called by the link in the SWF player or the app. We tried routing those links to an HTML page that would generate a pop-up then turn itself off. But it was triggering every blocker out there and was not cross-browser (IE) compatible. Some people have suggested JQuery, but others have said I can do this with a simple JavaScript-and-CSS solution. If the latter is true, I haven't found it yet via Google. I've seen several ThisBox, ThatBox solutions that either have feature/code bloat, don't look professional, or cost too much. Tips?
-Okieuser