Sie sind nicht angemeldet.

div over player

rbackhaus

Schüler

  • »rbackhaus« ist der Autor dieses Themas

Beiträge: 66

Wohnort: connecticut usa

  • Nachricht senden

1

Montag, 3. Januar 2011, 21:34

div over player

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>

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »rbackhaus« (4. Januar 2011, 15:40)

rbackhaus

Schüler

  • »rbackhaus« ist der Autor dieses Themas

Beiträge: 66

Wohnort: connecticut usa

  • Nachricht senden

2

Dienstag, 4. Januar 2011, 15:36

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>

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »rbackhaus« (4. Januar 2011, 16:47)

klaus.krpano

Administrator

Beiträge: 13 499

  • Nachricht senden

3

Freitag, 7. Januar 2011, 21:47

Hi,

there is an error in your code:

Zitat

viewer.addParam("wmode,transparent");

try that instead:

Zitat

viewer.addParam("wmode", "transparent");

best regards,
Klaus

rbackhaus

Schüler

  • »rbackhaus« ist der Autor dieses Themas

Beiträge: 66

Wohnort: connecticut usa

  • Nachricht senden

4

Samstag, 8. Januar 2011, 01:24

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

klaus.krpano

Administrator

Beiträge: 13 499

  • Nachricht senden

5

Mittwoch, 12. Januar 2011, 16:08

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

floz

Schüler

Beiträge: 109

Wohnort: Uppsala, Sweden

  • Nachricht senden

6

Dienstag, 18. Januar 2011, 17:33

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.
Pano website | Panoramic photography tutorials | 360cities profile

klaus.krpano

Administrator

Beiträge: 13 499

  • Nachricht senden

7

Dienstag, 25. Januar 2011, 16:29

Hi,

there was a bug/typo in the current version with the addParam() function of the createPanoViewer() function,

here you can already get a fixed version of the swfkrpano.js file:
http://krpano.com/download/beta/#2011-01-03

best regards,
Klaus

Ähnliche Themen