iPanorama 360 – Events / API

ipanorama:ready
ipanorama:config
ipanorama:fullscreen
ipanorama:mode
ipanorama:transform-mode-changed

ipanorama:tooltip-show
ipanorama:tooltip-hide

ipanorama:popover-show
ipanorama:popover-hide

ipanorama:scene-before-load
ipanorama:scene-after-load
ipanorama:scene-progress
ipanorama:scene-error
ipanorama:scene-show-start
ipanorama:scene-show-complete
ipanorama:scene-hide-start
ipanorama:scene-hide-complete
ipanorama:scene-clear
ipanorama:scene-index
 
ipanorama:scene-point-add
ipanorama:scene-point-remove
ipanorama:scene-point-dragstart
ipanorama:scene-point-dragend
ipanorama:scene-point-select
ipanorama:scene-point-deselect
ipanorama:scene-point-hide
ipanorama:scene-point-show
ipanorama:scene-point-change
 
ipanorama:scene-plane-add
ipanorama:scene-plane-remove
ipanorama:scene-plane-dragstart
ipanorama:scene-plane-dragend
ipanorama:scene-plane-select
ipanorama:scene-plane-deselect
 
ipanorama:scene-camera-start
ipanorama:scene-camera-end

ipanorama:scene-camera-change

var instance = this,

$ = jQuery;

 
instance.$container.on("ipanorama:scene-after-load", function(e, data) {

    data.scene.control.minPolarAngle = 90 * Math.PI / 180;

    data.scene.control.maxPolarAngle = 90 * Math.PI / 180;


});

var instance = this,

$ = jQuery;

 

function onMarkerClick(e) {

    var userData = this.cfg.userData;

    if(userData) {

        var $iframe = $(userData);

        $.featherlight($iframe);

    }

}
 

for(var i=0;i<instance.markers.length;i++) {

    var marker = instance.markers[i];

    marker.$marker.on('click', $.proxy(onMarkerClick, marker));

}

const plugin = this;


const $ = jQuery;


const $loading = $('<div>').addClass('myloading').text('loading');

 
plugin.$container.append($loading);

 
plugin.$container.on('ipanorama:scene-progress', (e, data) => {

   const flag = data.progress.loaded == data.progress.total;

   $loading.toggleClass('active', !flag);


});