PanoViewer

Change direction

projection: EQUIRECTANGULAR

image: equi.jpg

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

var panoViewer = new eg.view360.PanoViewer(
    container,
    {
        image: "../../img/equi.jpg"
    }
);

document.querySelector(".front").addEventListener("click", function() {
    panoViewer.lookAt({
        yaw: 0
    }, 1000);
});
document.querySelector(".back").addEventListener("click", function() {
    panoViewer.lookAt({
        yaw: 180
    }, 1000);

});
document.querySelector(".zoomin").addEventListener("click", function() {
    panoViewer.lookAt({
        fov: 30
    }, 1000);

});
document.querySelector(".zoomout").addEventListener("click", function() {
    panoViewer.lookAt({
        fov: 110
    }, 1000);
});