Hi all ^^
I've made a tour and edited a special xml for iPhone|iPod|iPad devices.
It works perfectly when these devices is used and on Firefox and IE., thanks Klaus !!
My problem is when testing on different browser, it mixes the two of them only on Safari and chrome
Here's my HTML code :
HTML
<html>
<head>
<title>Le Talaia</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="panodiv" style="width:100%; height:100%;">
<noscript><table style="width:100%;height:100%;"><tr style="valign:middle;"><td><div style="text-align:center;">ERROR:<br/><br/>Javascript not activated<br/><br/></div></td></tr></table></noscript>
<script>
var viewer = createPanoViewer({swf:"Talaia.swf",target:"panodiv"});
viewer.useHTML5("whenpossible");
if( viewer.isDevice("iPhone|iPod|iPad") )
viewer.addVariable("xml", "tour.xml");
else
viewer.addVariable("xml", "Talaia.xml");
viewer.embed();
</script>
<script src="tour.js"></script>
</div>
</body>
</html>
Alles anzeigen
It would like to use the HTML5 only for iPhone|iPod|iPad devices but doesn't work ^^
Someone have an idea, I can't get it to work ^^
Thanks in advance !!
Best regards.