Quellcode

<link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css">
<link rel="stylesheet" media="all and (orientation:landscape)" href="landscape.css">

Quellcode

onclick="trace(js( window.orientation ));"  
<!-- should return 0, 90, or -90 I think -->

Quellcode

<!-- use this in your well-formed HTML document -->
<script type="text/javascript">

function getOrientation()
{
	var orientation = window.orientation;
        //returns either 0, 90, or -90
	
	function krpano() 
	{
		return document.getElementById("krpanoSWFObject");
	}
	
        //annoying browser alert, for testing:
	alert(" orientation=" + orientation);
	
        //trace function inside krpano for testing:
	krpano().call("trace("+ orientation +");");
	
        //the real deal:
	krpano().call("useOrientation("+ orientation +");");
}

</script>

<!-- adjust the below html to suit however you normally embed panos. note you must have the ID attribute in there -->
<div id="pano" style="width:100%; height:100%;">
	<script>
		embedpano({swf:"someswf.swf", id:"krpanoSWFObject", xml:"somexml.xml", target:"pano"});
	</script>
</div>

Quellcode

        <!-- your onloadcomplete handler: -->
        <events onloadcomplete="delayedcall(4, hideloader() ); set(events.onloadcomplete,null); set(autorotate.enabled,true);
           checkOrientation();" />

        <!-- new stuff: -->
        <action name="checkOrientation">
                 <!-- call javascript function in html -->		
		js(getOrientation);	
	</action>
	
	<action name="useOrientation">
		trace("my orientation is: ", %1);
		<!-- do something here based on the value of 0, 90, or -90 -->
	</action>

<!-- end -->

Quellcode

<script type="text/javascript">

function getOrientation()
{
	var orientation = window.orientation;
        //returns either 0, 90, or -90
	
	function krpano() 
	{
	    return document.getElementById("krpanoSWFObject");
	}
	

       try  {
             var myDivClass = "rotated";

             switch(orientation){
                    case 0:
                    //call function in krpano xml, w/orientation passed as variable
                    krpano().call("useOrientation("+ orientation +");");
                    break;

                    case -90:
                    krpano().call("useOrientation("+ orientation +");");
                    break;

                    case 90:
                    krpano().call("useOrientation("+ orientation +");");
                    break;
             }

            //or do something to the Web page itself:
            document.getElementById("pano").setAttribute("class", myDivClass+orientation);

       }
            catch(e) {
            krpano().call("trace(ERROR:"+ e.message +");");
            alert('ERROR:' + e.message);
      }

}

</script>

<!-- end -->

Quellcode

//javascript:
window.onorientationchange = function() {
    //do interesting things here, to the Web page or krpano pano
    alert(window.orientation);
}