jQuery plugins for 360 degree image rotation

Making websites engaging and interactive is often one of the primary goals web designers have. To achieve this they need adopt modern techniques and standards which include among others, jQuery slideshows and carousels with fancy animation effects to handle images. With jQuery around, web developers can easily implement such features while making them accessible to mobile browsers – a thing which is not possible with Flash.

In this article, we are showcasing yet another set of plugins to enhance interactivity this time jQuery plugins for 360 degree image rotation. Basically, these plugins work like jQuery sliders but they display images in a differentpretty cool way. They have the power to display images in any angle 360 degrees. This feature can be used successfully in many use cases e.g. on an e-commerce site to help customers look products in detail, from any angle they desire.

Here you will find that most of these resources are free so you can still grab some nice 360 degree image rotation image viewer even without spending. Also, we are including a few premium items for you to have more options about the solutions you want to take. Meanwhile, if you want to explore more of interactive web design, visit websites with parallax scrolling , and get to know the plugins and tutorials that make them possible. Enjoy!

Disclosure: Please note that some of the links below are affiliate links and I will earn a commission if you purchase through those links (at no extra cost to you). I recommend that you do your own independent research before purchasing any product or service. This article is not a guideline, a recommendation or endorsement of specific products.


ElegantThemes
ThemeForest

Advertisement

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).

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.

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!

jQuery Image Cube

jquery-image-cube

A jQuery plugin that sets a division to rotate between images (or other things) as if they were on the faces of a cube.

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° Panoramic Viewer

360-panoramic-viewer

A panorama is a wide-angle view made from a series of images combined together using special software. It offers a very realistic experience, giving the sensation that the user is right there on the location. The plugin manipulates such a panorama and uses jQuery to rotate, add hotspots and integrate it on mobile, touchpads and desktop browsers. – CodeCanyon Premium Plugin

MINI 360 Degrees Viewer

mini-360-degrees-viewer

This plugin has a responsive resize feature, a control and multiple interaction methods bar among others. – CodeCanyon Premium Plugin

360 Degrees Viewer – WordPress Plugin

360-degrees-viewer[1]

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. – CodeCanyon Premium Plugin

Viewer3D Javascript

viewer-3d-javascript

Viewer3D is a small jQuery plugin for displaying a 360° view of a sequences of images or panorama. It is simple, lightweight, no flash needed, no extra css need, fast and compatible with all major browsers and touches devices. It has been tested on Android browsers, Ipad browser, IE 6,7,8,9 , Firefox, Chrome, Safari and Opera.

Flip

flip

Flip is a jQuery plugin that will flip easily your elements in four directions. T

Author : Sonny Day

Sonny M. Day is a passionate SEO and web design enthusiast who loves photography, mountain climbing, snorkeling and dirt bike riding.

Pin It on Pinterest

Shares
Share This

Share This

Share this post with your friends!

Shares