Hi all ^^
I'm making a V2 of my website and I want to make clearer the way I embed my panos in it.
Actually each tour I have in demo has it's own tour.swf and swfkrpano.js, and is embeded has follow:
<!DOCTYPE html>
<html>
<head>
<title>My tour title</title>
<!-- Meta for the ipad iphone detection -->
<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" />
<script src="tour.js"></script> <!--This one is for the ipad iphone tour -->
</head>
<body>
<div id="panodiv">
</div>
<script>
var viewer = createPanoViewer({swf:"mytour1.swf",target:"panodiv"});
viewer.useHTML5("whenpossible");
if( viewer.isDevice("iPhone|iPod|iPad") )
viewer.addVariable("xml", "tour.xml");
else
viewer.addVariable("xml", "swf_tour.xml");
viewer.embed();
</script>
</div>
</body>
</html>
Display More
What I want to do, is create an unike krpano.swf and swfkrpano.js in a krpano folder, than in my scripts load the wanted xml
for the tour I want to show.
Like this:
general folder
| |
krpano folder tour folder
| |
Krpano.swf+swfKrpano.js mytour1 folder | mytour2 folder | mytour3 folder...
Here is what I've done:
<!DOCTYPE html>
<html>
<head>
<title>My tour title</title>
<!-- Meta for the ipad iphone detection -->
<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" />
<script src="general/krpano/tour.js"></script> <!--This one is for the ipad iphone tour -->
</head>
<body>
<div id="panodiv">
</div>
<script>
var viewer = createPanoViewer({swf:"general/krpano/krpano.swf",target:"panodiv"});
viewer.useHTML5("whenpossible");
if( viewer.isDevice("iPhone|iPod|iPad") )
viewer.addVariable("xml", "general/mytour1/tour.xml"); <!-- Here is my problem -->
else
viewer.addVariable("xml", "general/mytour1/swf_tour.xml");
viewer.embed();
</script>
</div>
</body>
</html>
Display More
It's not loading well the tour images for example.
Anyone knows the best way to do it ?
Maybe Klaus
Thanks in advance !!