Source code

/*
    krpanoJS javascript plugin template / example
    1.0.8.14
*/

var krpanoplugin = function()
{
    var krpano = null;
    var plugin = null;

    // registerplugin - startup point for the plugin
    // - krpanointerface = krpano interface object
    // - pluginpath = string with the krpano path of the plugin (e.g. "plugin[pluginname]")
    // - pluginobject = the plugin object itself (the same as: krpano.get(pluginpath) )
    this.registerplugin = function(krpanointerface, pluginpath, pluginobject)
    {
        krpano = krpanointerface;
        plugin = pluginobject;
        
        // say hello
        krpano.trace(0,"hello from plugin[" + plugin.name + "]");
        
        // add a global function to krpano (callable from xml by "test1()")
        krpano.test1 = test1;
        
        // add a local plugin function to krpano (callable from xml by "plugin[name].test2()" or just "test2()" when called from a plugin event)
        plugin.test2  = test2;
        
        // add a local plugin variable/attribute
        plugin.var1 = "123";
        
        // add a local plugin variable/attribute with getter/setter functions
        plugin._var2 = 123;
        plugin.__defineSetter__("var2", function(v){ plugin._var2=v; krpano.trace(0,"var2 was set to "+v); });
        plugin.__defineGetter__("var2", function(){ return plugin._var2; });
    }
    
    function test1()
    {
        krpano.trace(0,"test1() called from xml");
        krpano.trace(0,"view.hlookat = " + krpano.view.hlookat);
        krpano.trace(0,"view.vlookat = " + krpano.view.vlookat);
        krpano.trace(0,"view.fov = " + krpano.view.fov);
    }
    
    function test2()
    {
        krpano.trace(0,"test2() called from xml (plugin="+plugin.name+")");
    }
};

Source code

if (!this.KrpanoGyro) {
	var KrpanoGyro = function() {

		var init = function init(krpanoObject) {
			if (krpanoObject) gyro_objectname = krpanoObject.ptarget;

			if( window["DeviceOrientationEvent"] ) {
				var gyro_init_interval = setInterval( function() {
					gyro_krpano = document.getElementById( gyro_objectname );	
					if(gyro_krpano) {
						clearInterval(gyro_init_interval);
						gyro_init();
					}
				}, 100 );
			}
		}

		/* the rest of your script goes here */

		return {
			 init: init
			,toString: function() {
				return "[object KrpanoGyro]";
			}
		};
	}();
}

Source code

var oViewer = createPanoViewer({swf:"krpano.swf", xml:"data/pano1/pano1.xml", target:'myElement'});
if (bForce||oViewer.isHTML5possible()) {
	oViewer.useHTML5("always");
	oViewer.embed();
	KrpanoGyro.init(oViewer);
} else {
	mPanoDiv.innerHTML = 'Lorem ipsum dolor sit amet';
}

Source code

	krpano = createPanoViewer({swf:"krpano.swf", xml:"panorama.xml", target:'myHtmlElementId'});
	if (krpano.isHTML5possible()) {
		krpano.useHTML5("always");
		krpano.embed();
		gyro = KrpanoGyro(krpano);
		//gyro.disable();
	}

Source code

<a href="javascript:!gyro.enabled()?gyro.enable():gyro.disable()">toggle</a>