9 jQuery 360 degree image viewer plugins

Collection of jQuery 360 degree image viewer plugins. Demo and download code (*zip).

Demo Image: threesixty-slider.js
demo image: threesixty-slider.js

ThreeSixtySlider.js

This is a jQuery plugin to create 360 degree product image slider. The plugin is full customizable with number of options provided. The plugin 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.

    Features:
  • smooth animation
  • plenty of option parameters for customization
  • support for touch devices
  • easy to integrate
  • api interaction
  • responsive
  • custom controls
Made by Gaurav Jassal. Demo page

Star Download


Demo Image: reel.js
demo image: reel.js

Reel.js

Reel.js is an established and the most versatile three-sixty player for jQuery. Teaches your ordinary image tag some new tricks turning it into a gorgeous interactive 360° object movie, panorama or stop-motion animation.

    Features:
  • horizontal and vertical rotation
  • animated rotation and inertial motion
  • in-scene annotations (hotspots) in sync with frames
  • intuitive operation, supports both mouse and touch
  • 50+ options for full customization
  • gyroscope support
  • transparent, documented, eventful & well-tested tiny code base
Made by Petr Vostřel. Demo page

Star Download


Demo Image: turntable.js
demo image: turntable.js

Turntable.js

Our goal with Turntable.js is to shake-up the standard approach to web sliders, JQuery sliders, and image viewers. The average JQuery slider is clunky and relys on the ‘click’ behavior. Knowing how precious user clicks are, our slider leverages gesture behaviors, requiring little ‘commitment’ from the viewers. Version 2.0 builds on the previous cursor/finger movements and add support for triggering the slider on scroll.
Made by Polar Notion. Demo page

Star Download


Demo Image: spritespin.js
demo image: spritespin.js

SpriteSpin.js

SpriteSpin is a jQuery plugin that turns image frames into animations. It requires an array of images or a stiched sprite sheet and plays them frame by frame like a flip book. The aim of this plugin is to provide a 360 degree view of any kind of product.

    Features:
  • responsive
  • touch support
  • 3d view
  • zoom
  • fullscreen
  • panorama
Made by Alexander Gräfenstein. Demo page

Star Download


Demo Image: threesixtyjs
demo image: threesixty.js

ThreeSixtyJS

A jQuery plugin for generating a draggable 360 preview from an image sequence.

    Features:
  • drag direction horizontal or vertical
  • key control
  • step to next and previous frame.
Made by Modern Assembly.

Star Download


Demo Image: jQuery.threesixty.js
demo image: jQuery.threesixty.js

Jquery.Threesixty.js

A plug-in that turns an array of images into a 360 degrees interactive view that can be rotated at will.

    Features:
  • can be “click”, “mousemove” or “auto”
  • sensibility to adjust rotation speed
  • autoscrollspeed to adjust the speed when method “auto” is selected
  • cycle
  • preload images
  • display a progress bar expressing loading progress
Made by Mathieu Dumais-Savard. Demo page

Star Download


Demo Image: Tikslus360.js
demo image: tikslus-360.js

Tikslus-360.js

Tikslus360 is a jQuery plugin to view image in 360 degree mode.

    Features:
  • click&drag to zoom
  • auto rotate
Made by Pushpendra Singh Chouhan. Demo page

Star Download


Demo Image: jquery-threesixty.js
demo image: jquery-threesixty.js

Jquery-Threesixty.js

A jQuery plugin for 360 image rotations.

Made by WebLinc. Demo page

Star Download


Demo Image: vitrin360.js
demo image: vitrin360.js

Vitrin360.js

Free 360 product viewer (HTML5/jQuery) (iOS, Android, Windows Phone, PC).

    Features:
  • fullscreen view mode
  • control buttons
Made by hbabuc. Demo page

Star Download


2017 jquery.freefrontend.com