Sie sind nicht angemeldet.

OT; Shadowbox

Tuur

Erleuchteter

  • »Tuur« ist der Autor dieses Themas

Beiträge: 3 839

Wohnort: Netherlands

Beruf: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

  • Nachricht senden

1

Montag, 12. März 2012, 17:39

OT; Shadowbox

Hi all,

i am struggling with that shodowbox as an overlay with krpano.
Works like a charme but i have one thing:

when you look here: http://virtualtuur.com/shadowboxtest/
you see when you click on an hotspot that the shadowbox appears.
On mac the background is transparent. But on pc not.. *cursing*

How can i make it also transparent on pc as well??

i tried a lot of opacity settings in the http://virtualtuur.com/shadowboxtest/shadowbox.css
also i tried some in the index but no succes.

Any help much appreciated!

Anybody??

Cheers

Tuur *thumbsup*
https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos : https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

iceman_fx

Profi

Beiträge: 602

Wohnort: Sachsen

Beruf: Webdesigner- und entwickler sowie Fotodesigner

  • Nachricht senden

2

Montag, 12. März 2012, 20:27

Hi Tuur,
here is my example with the shadowbox and krpano: http://www.krpano.com/forum/wbb/index.ph…35252#post35252
You must set the wmode parameter.
VG von Falko

www.fotodesign360.de / www.falkomueller.com / Google Street View zertifizierter Fotograf

Tuur

Erleuchteter

  • »Tuur« ist der Autor dieses Themas

Beiträge: 3 839

Wohnort: Netherlands

Beruf: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

  • Nachricht senden

3

Montag, 12. März 2012, 20:30

Can you give a code example?
And where to put that?
That's the clearest i think.

i can not download that zip...

EDIT: downloading now... had to re-login on forum

*question*

Cheers
Tuur *thumbsup*
https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos : https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

Tuur

Erleuchteter

  • »Tuur« ist der Autor dieses Themas

Beiträge: 3 839

Wohnort: Netherlands

Beruf: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

  • Nachricht senden

4

Montag, 12. März 2012, 20:38

ok where to put this : swf.addParam("wmode","transparent");

in my index?

I now put it in the last script..

Quellcode

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd"><html>
<head>
	<title>krpano.com - 1_lauwersoog</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>
		@media only screen and (min-device-width: 800px) { html { overflow:hidden; } }
		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>
    
<link rel="stylesheet" type="text/css" href="shadowbox.css" />
    <script type="text/javascript" src="shadowbox.js"></script>
	<script type="text/javascript">
		function openShadowbox(url, player, title){
    		Shadowbox.open({
        		content:    url,
       			player:     player,
       			title:      title
		    });
}
</script>    
    <script type="text/javascript">

	Shadowbox.init({

		language:   "es",

		players:    ['html', 'iframe']

		});

	</script>  
    
<script type="text/javascript">

$(window).load(function(){ 
var options = { 
overlayColor: '#ffffff', 
overlayOpacity: '0.5' 
}; 
window.onload =Shadowbox.init(options); 
}); 


</script>
       
    
    </head>
<body>


<a href="http://www.virtualtuur.com/single" rel="shadowbox;width=900">TEST 1</a> 
<a href="http://www.apple.com" rel="shadowbox;width=900">TEST 2</a> 
<a href="http://www.krpano.com" rel="shadowbox;width=900">TEST 3</a> 



<script src="1_lauwersoog.js"></script>

<div id="pano" style="width:100%; height:100%;">
	<noscript><table style="width:100%;height:100%;"><tr style="valign:middle;"><td><div style="text-align:center;">
	  <p>&nbsp;</p>
	  <p>&nbsp;</p>
	  <p>ERROR:<br/><br/>Javascript not activated<br/><br/>
	    </p>
	</div></td></tr></table></noscript>
	<script>

		embedpano({swf:"1_lauwersoog.swf", xml:"1_lauwersoog.xml", target:"pano"});
		swf.addParam("wmode","transparent");
	</script>
</div>

</body>
</html>


No succes.. on pc
??

Tuur *thumbsup*
https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos : https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Tuur« (12. März 2012, 20:49)

imge

Anfänger

Beiträge: 33

  • Nachricht senden

5

Mittwoch, 14. März 2012, 11:52

hi Tuur

try this way.......open simple viewer_230/web/svcore/js/simpleviewer.js

once simple viewer.js open, look for this part:

"Syntax|keyup|minimum|simpleviewer_icc|allowfullscreen|allowscriptaccess|always|mousemove|wmode|mouseup|222222|embedSWF|mousedown|dblclick|undelegate|delegate|beforedeactivate|stopImmediatePropagation|cancelBubble|timeStamp|"

there you have the parameters....try to insert like this:"|allowfullscreen|allowscriptaccess|always|mousemove|wmode|transparent|mouseup|...."

could work

luck

imge

imge

Anfänger

Beiträge: 33

  • Nachricht senden

6

Mittwoch, 14. März 2012, 12:24

oki.....try



|allowfullscreen|allowscriptaccess|always|mousemove | wmode=transparent|mouseup|...." instead

Tuur

Erleuchteter

  • »Tuur« ist der Autor dieses Themas

Beiträge: 3 839

Wohnort: Netherlands

Beruf: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

  • Nachricht senden

7

Mittwoch, 14. März 2012, 12:58

ok solved allready but thanks!

Cheers

tuur *thumbsup*
https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos : https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

imge

Anfänger

Beiträge: 33

  • Nachricht senden

8

Mittwoch, 14. März 2012, 14:09

hi again tuur...

i misunderstood completely your post....i was fixed with simple viewer!!..hehe spring has come..

regarding shadowbox....flash under shadowbox... this link solves the problem with the version shadowbox 3.0.3

http://www.hectorarandawebworx.com/main/…under-shadowbox

imge

Tuur

Erleuchteter

  • »Tuur« ist der Autor dieses Themas

Beiträge: 3 839

Wohnort: Netherlands

Beruf: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

  • Nachricht senden

9

Mittwoch, 14. März 2012, 14:14

he he *g*

well actualy this did:

Quellcode

 
1

		embedpano({swf:"tuur.swf", xml:"tuur.xml", target:"pano", wmode:"transparent"});


and then especialy the wmode.
cheers

Tuur *thumbsup*
https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos : https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

Destiny

Schüler

Beiträge: 61

Wohnort: Australia

Beruf: Primary School Teacher and Freelance Photographer

  • Nachricht senden

10

Dienstag, 11. Dezember 2012, 05:42

s

Zitat von »Tuur«

he he *g*

well actualy this did:

Quellcode

 
1

		embedpano({swf:"tuur.swf", xml:"tuur.xml", target:"pano", wmode:"transparent"});


and then especialy the wmode.
cheers

Tuur *thumbsup*


Hi.. It would be better to use opaque rather than transparent since there is no transparent as such but it will still work, however it wiill work quicker using opaque... ;-)

Destiny..
Sometimes I might come across as being stupid; But I have an IQ of 137 *tongue*

Ähnliche Themen