News Examples Documentation Download Buy Forum Contact

krpano Javascript Interface Version 1.0.8.14

During embedding the krpano viewer into the HTML page an Identification Name (ID) will be specified. The default ID is "krpanoSWFObject".

Link: See here for the id parameter: Embedding into HTML.

After embedding a HTML DOM Element with that ID will be created. This object can be get via the normal Javascript document.getElementById(id) function.

The krpano viewer exports these 3 Javascript functions to that object:
  • set(variable,value) - Sets any krpano variable to the given value.
  • get(variable) - Returns the value of any krpano variable.
  • call(action) - Calls and executes krpano action code.

Usage Example

Get the krpano HTML DOM Element:
var krpano = document.getElementById("krpanoSWFObject");

Get and set a variable:
var fov = Number( krpano.get("view.fov") );
fov += 10.0;
krpano.set("view.fov", fov);

Call a krpano action, e.g. to load an other pano.
krpano.call("loadpano('pano2.xml',null,MERGE,BLEND(1));");

Examples

These examples were also included in the krpano viewer download package in the folder "examples/javascript-interface/".

  • loadpano() Example
    Shows how to call krpano and load other panos on Javascript clicks.
  • Mouse Position Example
    Get and show the current mouse position in pixels and spherical coordinates.
  • Get Link Example
    Get a link to the current Pano and the current view.
  • Sync Example
    Syncing two krpano viewers via Javascript.
  • Splitscreen Example
    Syncing two krpano viewers via Javascript and use different viewing areas to simulate a splitscreen.