10 jQuery Plugins for 360 Degree Image Rotation

by ronalea on July 13, 2012

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

reel-1.1.4

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.

Spritespin

sprite-spin

Spritespin is a jQuery plugin that enables sprite animation in your website. It takes an array of images or a stiched sprite sheet and is able to play these images frame by frame. This results in an animation. The aim of this plugin is to provide a 360 degree view of some kind of product. There is no flash needed. Everything is done with javascript and the jQuery framework.

Multiple 360 images on one page

multiple-360-degree-images-in-one-page

Multiple 360 images in one page is a jQuery plugin that produces a beautiful 360 rotation effect onm on image.

360 panorama for jQuery

360-panorama-in-jQuery

With this plugin you can rotate the image either by clicking, mousemoving or by setting it to rotate in auto.

AJAX-ZOOM – 360/3D Spin & Zoom JavaScript player

ajax-zoom-player

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 – the jQuery rotation plugin

jangle

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 – Jquery Plugin for 360 degrees product view

360-degrees-product-view

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.

jQuery Plugin For Rotating Image

jquery-plugin-for-rotating-images

Another jQuery plugin that allows you to rotate an image by clicking and moving the mouse.

360 degrees product view

360-degress-product-view

j360 is a jQuery plugin designed to display 360 view of product using a set of images.

360 Degrees Viewer – WordPress Plugin

360-degrees-viewer

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.

About Ronalea Talaboc Talaboc
Rona is just a simple girl often lost in her daydreams in the days past. Now, she has found herself and discovered that she loves social media, gadgets, graphic design and anything creative. During her free time, you can find her taking pictures of cats and some surreal landscapes.

{ 1 comment… read it below or add one }

Marisol January 9, 2013 at 3:25 am

Hi Sonny, great post. Do you know any plugins to rotate in “all” angles, or lets say at least horizontal (like the ones shown here) and vertical? all in one plugin. Thanks, hope you can reply to my email.

Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Previous post:

Next post:


Web Analytics