Sie sind nicht angemeldet.

random pano on pageload

Lieber Besucher, herzlich willkommen bei: krpano.com Forum. Falls dies Ihr erster Besuch auf dieser Seite ist, lesen Sie sich bitte die Hilfe durch. Dort wird Ihnen die Bedienung dieser Seite näher erläutert. Darüber hinaus sollten Sie sich registrieren, um alle Funktionen dieser Seite nutzen zu können. Benutzen Sie das Registrierungsformular, um sich zu registrieren oder informieren Sie sich ausführlich über den Registrierungsvorgang. Falls Sie sich bereits zu einem früheren Zeitpunkt registriert haben, können Sie sich hier anmelden.

ronaldtichelaar

Anfänger

  • »ronaldtichelaar« ist der Autor dieses Themas

Beiträge: 27

Wohnort: the Netherlands

Beruf: Apple Consultant & Engineer

  • Nachricht senden

1

Mittwoch, 5. November 2008, 21:07

random pano on pageload

Hi,

I'm working on a new design for my website and want a random pano on the top of my site, this is what i have so far...

http://www.ronaldtichelaar.nl/toppano/


After searching forums for to days and experimenting with java i give up. So my question is as follows...

I want the pano in the frame to change after a pageload by loading a random xml or jpg file. Can this be done in javascript, AS3 or another programming language? What is the best way?

Best,
Ronald Tichelaar

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »ronaldtichelaar« (5. November 2008, 21:46)

klaus.krpano

Administrator

Beiträge: 13 499

  • Nachricht senden

2

Mittwoch, 5. November 2008, 21:43

Hi,

great site!
but you shouldn't use the name "banner" for the directory,
my add-blocker (Adblock Plus, Firefox) blocked it

changing the pano randomly every refresh can be done very easily with javascript (one line of code),

for example - let's assume you have 4 panos, named:
top1.xml
top2.xml
top3.xml
top4.xml

to choose one of them randomly: (code for your site)

Quellcode

 
1
2
3
4
5
6
7
8
9
10

<script type="text/javascript">

    var random_xml =  "top" + (1+Math.ceil(Math.random()*3)) + ".xml";

    swfobject.embedSWF("./krpano.swf", "krpano1", "1024", "249", "9.0.28", 
                       "swfobject21/expressInstall.swf",
                       {pano:random_xml}, 
                       {allowfullscreen:false, bgcolor:"#000000"}, 
                       {id:'krpano1', name:'krpano1'});
</script>


best,
Klaus

ronaldtichelaar

Anfänger

  • »ronaldtichelaar« ist der Autor dieses Themas

Beiträge: 27

Wohnort: the Netherlands

Beruf: Apple Consultant & Engineer

  • Nachricht senden

3

Mittwoch, 5. November 2008, 21:48

Thanks Klaus! I've changed the directory to toppano, hope this is better... :rolleyes: Also changed it in the post. I will try your hint ASAP.

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »ronaldtichelaar« (6. November 2008, 00:35)

ronaldtichelaar

Anfänger

  • »ronaldtichelaar« ist der Autor dieses Themas

Beiträge: 27

Wohnort: the Netherlands

Beruf: Apple Consultant & Engineer

  • Nachricht senden

4

Mittwoch, 5. November 2008, 23:12

OK, I'm finished and it is working. I've modified your script to pick 20 xml files and modified the random formula.


for 4 xml files...

Quellcode

 
1

    var random_xml =  "top" + (1+Math.ceil(Math.random()*3)) + ".xml";

This way it seemed like it would never pick 1.xml so I changed it to...

Quellcode

 
1

 var random_xml = "top" + (Math.ceil(Math.random()*4)) + ".xml";

After some reloads this looked better. Could this modification cause other problems?


Thanks again.
Ronald

Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von »ronaldtichelaar« (6. November 2008, 00:37)

klaus.krpano

Administrator

Beiträge: 13 499

  • Nachricht senden

5

Donnerstag, 6. November 2008, 17:45

you're right,

sorry, I mixed up "ceil" (rounding up) and "floor" (rounding down)

so you can use:

Quellcode

 
1

var random_xml =  "top" + (1+Math.floor(Math.random()*3)) + ".xml";

or:

Quellcode

 
1

var random_xml =  "top" + (Math.ceil(Math.random()*4)) + ".xml";


BTW - absolutely great panos!

regards,
Klaus

Yomas

Fortgeschrittener

Beiträge: 190

Wohnort: Anglet, France

  • Nachricht senden

6

Dienstag, 25. Oktober 2011, 12:12

Random pano with if iphone / if android / if flash

Hi guys !
I'm upping this thread cause I try to do something similar, but with the creatpanoviewer isdevice method.
For now on I did a php script using the php rand but I have troubles in the iPhone, it's loading both iPhone and Android tour within the same page.
Maybe there'll be another way doing this ?
Here's my code :

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

<?php

// Creates 3 tables for each tour version

$iphone = array ('iphone.xml', 'iphone1.xml', 'iphone2.xml', 'iphone3.xml');
$random1 = $iphone[rand(0, 3)];

$android = array ('android.xml', 'android1.xml', 'android2.xml', 'android3.xml');
$random2 = $android[rand(0, 3)];

$flash = array ('flash_tour.xml','flash_tour1.xml','flash_tour2.xml','flash_tour3.xml');
$random3 = $flash[rand(0, 3)];

?>
<!DOCTYPE html>
<html lang="fr">
<head>
<script src="js/tour.js"></script>
</head>
<body>

	<div style="width:100%; height:400px; z-index:100; background-color:none;" data-role="none" id="pano"> 
		<noscript> 
				<b>Attention:</b> <br/> 
				<br/> 
				Javascript is not activated. <br/> 
				<br/> 
				Please activate it to see the virtual tour <br/> 
		</noscript> 
				<script type="text/javascript">
						var viewer = createPanoViewer({swf:"tour.swf", id:"krpanoSWFObject", target:"pano"});
						//viewer.useHTML5("always");
						if( viewer.isDevice("iPhone|iPod|iPad") )
						{
							viewer.addVariable("xml", "<?php echo $random1; ?>"); <!-- Returns a random xml from the variable $iphone -->
							viewer.addVariable("showErrors", "false");  
							viewer.embed();
						}
						if( viewer.isDevice("Android") )
						{
							viewer.addVariable("xml", "<?php echo $random2; ?>"); <!-- Returns a random xml from the variable $android -->
							viewer.addVariable("showErrors", "false");  
							viewer.embed();
						}
						else
						{
							viewer.addVariable("xml", "<?php echo $random3; ?>"); <!-- Returns a random xml from the variable $flash -->
							viewer.addVariable("showErrors", "false");  
							viewer.embed();
						}
                </script>

	</div> <!-- end of krpanoDIV -->
 
</body> 
</html>


Thanks in advance and hoping this could help some of you ^^
My website: www.eboovisite.com, See me also on www.Viewat.com, Facebook and Twitter

Yomas

Fortgeschrittener

Beiträge: 190

Wohnort: Anglet, France

  • Nachricht senden

7

Dienstag, 25. Oktober 2011, 15:23

[SOLVED]

Hi again ^^
I've changed the PHP script and by the way I messed up in the loading script, the following resolves it :

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

<?php
// Création des tableaux pour le random
$iphone = array ('iphone.xml', 'iphone1.xml', 'iphone2.xml', 'iphone3.xml');
$android = array ('android.xml', 'android1.xml', 'android2.xml', 'android3.xml');
$flash = array ('flash_tour.xml','flash_tour1.xml','flash_tour2.xml','flash_tour3.xml');
?>
<!DOCTYPE html>
<html lang="fr">
<head>
</head>
<body>

	<div style="width:100%; height:400px; z-index:100; background-color:none;" data-role="none" id="pano"> 
		<noscript> 
				<b>Attention:</b> <br/> 
				<br/> 
				Javascript is not activated. <br/> 
				<br/> 
				Please activate it to see the virtual tour <br/> 
		</noscript> 
    <script src="js/tour.js"></script>
				<script type="text/javascript">
						var viewer = createPanoViewer({swf:"tour.swf", id:"krpanoSWFObject", target:"pano"});
						//viewer.useHTML5("always");
						if( viewer.isDevice("iPhone|iPod|iPad") )
						{
							viewer.addVariable("xml", "<?php echo $iphone[array_rand($iphone)]; ?>");
							viewer.addVariable("showErrors", "false");  
							viewer.embed();
						}
						else if( viewer.isDevice("Android") ) <!-- Here I'd forgot the else if I was using else -->
						{
							viewer.addVariable("xml", "<?php echo $android[array_rand($android)]; ?>");
							viewer.addVariable("showErrors", "false");  
							viewer.embed();
						}
						else
						{
							viewer.addVariable("xml", "<?php echo $flash[array_rand($flash)]; ?>");
							viewer.addVariable("showErrors", "false");  
							viewer.embed();
						}
                </script>

	</div> <!-- end of krpanoDIV -->
 
</body> 
</html>


Cheers !!
My website: www.eboovisite.com, See me also on www.Viewat.com, Facebook and Twitter

Ähnliche Themen