Hi,
Is there a way to auto rotate the panorama from "Portrait" to " Landscape" when the panorama is view on Mobile or Tablet ?
I found this on the web :
ZitatAppMobi.device.setRotateOrientation("portrait"); // or landscape
This code can be add to the Div, but I don't know how to implement it into the Html file.
My HTML file :
ZitatAlles anzeigen<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, minimal-ui" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta http-equiv="x-ua-compatible" content="IE=edge" /><script src="js/swfkrpano.js"></script>
<script src="js/swfaddress.js?tracker=null"></script>
<script src="tour.js"></script>
<style>
.ombre {
border-width:1px;
border-style:solid;
border-color:#333;
box-shadow: 4px 4px 12px #333;
}
@-ms-viewport { width:device-width; }
@media only screen and (min-device-width:800px) { html { overflow:hidden; } }
html { height:100%; }
body { height:100%; overflow:hidden; margin:0; padding:0; }
</style>
</head><body>
<div class="ombre" id="pano" style="width:90%;height:90%;margin:0 auto;" >
<noscript><table align="center" style="width:90%;height:90%;"><tr style="valign:middle;"><td><div style="text-align:center;">ERROR:<br/><br/>Javascript not activated<br/><br/></div></td></tr></table></noscript>
<script>
embedpano({swf:"tour.swf", xml:"tour.xml", target:"pano", html5:"auto", passQueryParameters:true});
</script>
</div>
</body>
</html>
Thanks for your help.