All articles

Web

jQuery 360 Degree Panorama Image Rotation

jQuery 360 Degree Panorama Image Rotation jQuery 360 Degree Image Rotation allow you to display images in any wide…

sylvia1 min

About Panoroma image

True Panorama is 100% responsive, 100% mobile friendly, comes with touch support, modal window support, cross browser compatibility and is simple to use and integrate. A panorama is a wide-angle view made from a series of images combined together using special software.

About jQuery

HTMl

<div id="container"></div>

css

html, body { width: 100%; height: 100%; overflow: hidden; margin: 0;
} #container { width: 100%; height: 100%;
}

JS

var panorama, viewer, container, infospot;

panorama = new PANOLENS.ImagePanorama( ‘https://naethra.com/tunnel.jpg’ );

infospot = new PANOLENS.Infospot( 350, PANOLENS.DataImage.Info );
infospot.position.set( 0, -2000, -5000 );

panorama.add( infospot );

viewer = new PANOLENS.Viewer( { container: container, autoRotate: true, autoRotateSpeed: 1, autoRotateActivationDuration: 5000 } );

viewer.add( panorama );

viewer.addUpdateCallback(function(){

Example of Panoroma images

jQuery 360 Degree Panorama Image Rotation
jQuery 360 Degree Panorama Image Rotation
jQuery 360 Degree Panorama Image Rotation
jQuery 360 Degree Panorama Image Rotation

Next step

Have a product question? Let’s talk it through.

Talk to the team