In a web design, one of the things that webmasters do to stimulate interactivity of the site is to add slideshows, carousels, accordions and other image display mechanisms with fancy animation effects. To achieve it, often calls for Flash but right now, jQuery is gaining ground because of its compatibility to mobile devices, compatibility with major browsers and ease of use in general.
In this article, we are featuring some of the jQuery plugins for 360 degree image rotation. Basically, these work like jQuery sliders but they display images with an extra twist. They are capable of displaying images in any angle. This gives an opportunity for viewers to look in detail a product in all conceivable angles in an e-commerce site. See how these plugins work and share with your experience if you have tried any of these personally.
Reel 1.1.4, is a jQuery plugin which takes an image tag and makes it a live “projection” of pre-built animation frames sequence. Its aim is to provide a 360° view of something or someplace. Great alternative to widely used Flash and Java techniques.
Multiple 360 images in one page is a jQuery plugin that produces a beautiful 360 rotation effect onm on image.
With this plugin you can rotate the image either by clicking, mousemoving or by setting it to rotate in auto.
AJAX-ZOOM is a unique tool to present 360° product images on the web. Users can rotate the VR 360 object, also on Z-axis (3D multirow). Additionally deep zoom on every frame (the sprite contains a set of single images of the same object). The adoption of image tiles technology (image pyramid) allows the usage of high resolution images without compression. It has full support for touch devices and works great on iPad (without Flash plugin). Pinch zoom (with two fingers) is implemented too. In the full screen mode AJAX-ZOOM loads as many image tiles as needed not depending on screen resolution thus providing the best quality details quickly also with low bandwidth connectivity – perfect for mobile implementations. The player can be completely restyled. There are couple plugins for Magento & xt:Commerce (more to come).
jangle is a jQuery plugin that allows you to rotate an image or any other HTML element by simply applying jangle to the jQuery selector of your choice! Rotate away!
Dopeless Rotate is Jquery plugin for 360 degree product visualisation. It features, Zooming function, Support of touchscreen devices, Ability to use multiple instances on a single page and many more.
Another jQuery plugin that allows you to rotate an image by clicking and moving the mouse.
j360 is a jQuery plugin designed to display 360 view of product using a set of images.
This viewer uses a list of images to simulate a 360 degrees object rotation or object animation.
The multiple interaction methods makes is usable even on touch devices.