• I'm trying to use this code to get a div object(blue2png) over player, i've changed the wmode to transparent, no luck though...any one else accomplish this or have ideas, thanks
    rob


    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>
    <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <style>
    html { height:100%; }
    body { height:100%; overflow: hidden; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; background-color:#000000; }
    a{ color:#AAAAAA; text-decoration:underline; }
    a:hover{ color:#FFFFFF; text-decoration:underline; }
    </style>

    </head>
    <body>
    <div style="position: absolute; width: 100px; height: 100px; z-index: 2; left: 1191px; top: 389px" id="layer1">
    <img border="0" src="blue2.png" width="120" height="120"></div>

    <script src="swfobject/swfkrpano.js"></script>
    <div id="panoDIV" style="height:100%;">
    <script>
    embedpano({target:"panoDIV",swf:"g.swf",width:"100%",height:"100%",allowFullScreen:"true"});
    </script>
    <noscript>
    <div id="tour">
    <object width="100%" height="100%">
    <param name="wmode" value="transparent">
    <embed src="g.swf" width="100%" height="100%" wmode="transparent" allowFullScreen="true">
    </embed>
    </object>
    </div>
    </noscript>
    </div>
    </body>
    </html>

    Edited once, last by rbackhaus (January 4, 2011 at 3:40 PM).

  • entering a z-index in the script tags enables the DIV(blue2png) to appear,..but then the pano fails to show,....any help direction would be apprec.,,,,as I am not that familiar w scripts
    Rob


    <script>
    embedpano({target:"panoDIV",swf:"g.swf",width:"100%",height:"100%",allowFullScreen:"true"});
    </script>


    also trying with this code,..no luck

    <!DOCTYPE html>
    <html>
    <head>
    <title>krpano.com - swfkrpano.js example</title>
    <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <style>
    html { height:100%; }
    body { height:100%; overflow: hidden; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; background-color:#000000; }
    a{ color:#AAAAAA; text-decoration:underline; }
    a:hover{ color:#FFFFFF; text-decoration:underline; }
    </style>
    </head>
    <body>

    <div id="panocontent" style="width:100%;height:100%;z-index:-1;wmode:transparent;">
    <noscript><table style="width:100%;height:100%;z-index:-1;wmode:transparent;"><tr style="valign:middle;"><td><div style="text-align:center;">ERROR:<br/><br/>Javascript not activated<br/><br/></div></td></tr></table></noscript>
    </div>

    <div style="position: absolute; width: 100px; height: 100px; z-index: 1090; wmode: transparent; left: 1024px; top: 234px" id="layer1">
    <img border="0" src="blue2.png" width="120" height="120"></div>

    <script src="swfkrpano.js"></script>

    <script>

    var viewer = createPanoViewer({swf:"g.swf"});
    viewer.addVariable("xml","g.xml");
    viewer.embed("panocontent");
    viewer.addParam("wmode,transparent");
    </script>

    </body>
    </html>

    Edited once, last by rbackhaus (January 4, 2011 at 4:47 PM).

  • thanks klaus,

    ..but no help,.....the same problem that I mentioned to you,...

    the png div image IS there,...when the screen is minimized, I can preview the minimized screen at the bottom of my window and see the png div image there, and it is correctly displayed over the player ..... but once I click to open the window it promply falls back behind the the player. In previous trys this same code seem to work with safari phone browsers,..my guess is its something with the javascript as it will work if the the script is removed and only the noscript embed command is used,...any thoughts
    rob

  • Hi,

    sorry, I have not seen that the question was about the krpanoJS viewer,

    the wmode=transparent is a flashplayer setting that controls how the flashplayer is embedding its output to the browser,

    adding a html element over the krpano viewer in the krpanoJS should be possible, but use absolute positioning, a z-index higher than 400 and keep the screen coordinates in mind (e.g. "left: 1024px" would be already off the screen),

    best regards,
    Klaus

  • Funny, I had a similar problem recently. However, calling var viewer = createPanoViewer createPanoViewer(...) and then viewer.addParam("wmode", "transparent"); didn't seem to add the required wmode parameter to the <embed> object being created though...

    I only got it to work by directly editing the swfkrpano.js (I know, it's terrible, but I was desperate to get it working), adding g.addParam("wmode","transparent"); after new SWFObject(d,a,b,e,"9.0.28",c);.

    I don't know whay the addParam didn't work, but it didn't.

    Sorry, can't like to the stuff I was working on as it is confidential client-work.

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!