PanoViewer

view360 with Loading Indicator

The loading indicator appears until view360 loading.

projection: PANORAMA

image: panorama2.jpg

var loadingIcon = document.body.querySelector(".loading");
loadingIcon.style.display = "block";

var container = document.getElementById("myPanoViewer");

var panoViewer = new PanoViewer(container, {
    projectionType: "panorama"/* PanoViewer.PROJECTION_TYPE.PANORAMA */
    image: "./img/panorama2.jpg"
});

panoViewer.on("ready", function() {
    loadingIcon.style.display = "none";
});