jQuery 360 Degree Panorama Image Rotation
jQuery 360 Degree Image Rotation allow you to display images in any wide 360 degrees angle, which you can use for your ecommerce, portfolio and business sites to help customers look products in detail, from any angle they want.
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
jQuery is a lightweight, “write less, do more”, JavaScript library. The purpose of jQuery is to make it much easier to use JavaScript on your website. jQuery takes a lot of common tasks that require many lines of JavaScript code to accomplish, and wraps them into methods that you can call with a single line of code.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;
container = document.querySelector( ‘#container’ );
panorama = new PANOLENS.ImagePanorama( ‘https://naethra.com/tunnel.jpg’ );
infospot = new PANOLENS.Infospot( 350, PANOLENS.DataImage.Info );
infospot.position.set( 0, -2000, -5000 );
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
