Thickbox does not open while in Flash Full Screen mode

Thickbox does not open while in Flash Full Screen mode

Hello Everyone,

I'm new to this forum and need your help. I'm not a programmer so please bare with me.  Hopefully with my explanation you'll either understand my problem or have experienced it and know how to solve it.

I'm an virtual tour photographer and use a software tool that produces my output in flash. It uses AS3 and xml to create the output and supports js calls. I have an eye wear client that not only wants a virtual tour of their store but they want some object vr also in flash to be embedded into the tour. This is already done and you can visit the link at http://www.eyecandyvi.com/wp-content/private/ot4u/tb/tb.html

As you pan to the left you'll see a hotspot surging. If you click on it, the object vr will open. Here lies the problem. It works great but you cannot launch it in full screen mode. If you click on full screen first and then click on the hotspot, nothing happens but when you then to normal screen the object vr was there the entire time but not visible. I cannot disable the full screen capability as the tour starts off smaller on my clients' site and most users want the full impact to be in full screen.

As you will see in the code below I launch an onclick event from xml.

  1. <hotspot name="hs10"
                 url="../plugins/hotspot_ani_white.swf"
                 keep="false"
                 ath="242.79713408276154" atv="3.4418880850778795"
                 blendmode="difference"
                 onhover="showtext(Click to Learn More, csmall);"
                 onclick="js(tb_show(Cogan Frame,../krpano/client_xml/object_vr/image74.html?keepThis=true&TB_iframe=true&height=289&width=570));"
                 />







Here is my HTML page
  1. <html>
    <head>
        <title>Optical Trends 4U</title>
        <script type="text/javascript" src="tb/jquery.js"></script>
    <script type="text/javascript" src="tb/thickbox.js"></script>
    <style type="text/css" media="all">@import "tb/thickbox.css";</style>
    </head>
    <style>
    body{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; background-color:#FFFFFF; margin:0; padding:0; }
    * html, * html body{ overflow: hidden; }
    a{ color:#AAAAAA; text-decoration:underline; }
    a:hover{ color:#FFFFFF; text-decoration:underline; }
    </style>
    <body>

    <div id="krpanoDIV">
        <noscript><table width="100%" height="100%"><tr valign="middle"><td><center>ERROR:<br><br>Javascript not activated<br><br></center></td></tr></table></noscript>
    </div>

    <script type="text/javascript" src="javascript/swfobject.js"></script>
    <script type="text/javascript" src="javascript/swfkrpano.js"></script>
    <script type="text/javascript" src="javascript/swfkrpanomousewheel.js"></script>

    <script type="text/javascript">
    // <![CDATA[
        if (typeof(deconcept) !== 'undefined')
        {
            if (deconcept.SWFObjectUtil.getPlayerVersion().major >= 6)
            {
                var so = new SWFObject("ot4u.swf", "krpanoSWFObject", "100%", "100%","#000000");
               
                so.addParam("allowFullScreen","true");
                so.addParam("wmode","opaque");
                so.useExpressInstall("javascript/expressinstall.swf");
                so.setAttribute("xiRedirectUrl", window.location);
                so.addVariable("pano", "");
               
                if ( so.write("krpanoDIV") ) { var mousewheelfixes = new SWFkrpanoMouseWheel(so); }
            }
            else
            {
                document.getElementById("krpanoDIV").innerHTML = '<table width="100%" height="100%"><tr valign="middle"><td><center>ERROR:<br><br>Adobe Flash Player 9 needed<br><br><br><a href="http://www.adobe.com/go/getflashplayer/"  target="_blank"><IMG SRC="http://www.macromedia.com/images/shared/download_buttons/get_flash_player.gif" BORDER="1"></a><br>...click here to download...<br><br><br><br></center></td></tr></table>';
            }
        }
        else
        {
            document.getElementById("krpanoDIV").innerHTML = '<table width="640" height="480"><tr valign="middle"><td><center>ERROR:<br><br><b>./javascript/swfobject.js</b> not found<br><br><br><br><br></center></td></tr></table>';
        }
    // ]]>
    </script>

    </body>
    </html>




















































Like I said this works but we all know how end users are and will get frustrated with what is preceived as a broken site. I've looked at various other thickbox type alternatives that support flash but am at a loss to making them  work and I you can help me find the right solution to use. My issue to figure out is the onclick statement and what to place into the html page.

I hope this is clear enough and hope someone is up to the challenge and can help.

Best Regards,

Robert