jQuery 360 degree image viewer – Tikslus360

Today’s solution is a jQuery 360 degree image viewer, based also on HTML5 canvas, to implement panoramic view with rotating images (for example product image).

jQuery 360 degree image viewer in action

Tikslus360 is a jQuery plugin for creating image views in 360 degree mode. Useful features included, like moving cursor horizontally in both directions to rotate views, click & drag to zoom image and auto rotate image.

The plugin will be perfect for web projects, where we need to present an image from various points of view, for example full product view in e-commerce project, show cars or houses, and similar purposes.

Tikslus360 jQuery image viewer example
Tikslus360 jQuery image viewer example

Usage

A simple example with auto rotate turned off:

HTML

<div id="view360">
  <a href="#" class="autorotate">Auto rotate</a>
</div>

JavaScript

$(document).ready(function() {
  $("#view360").tikslus360({
    imageDir: 'examples/car1',
    imageCount: 36,
    imageExt: 'jpg',
    canvasID: 'car1',
    canvasWidth: 640,
    canvasHeight: 480
  });
});

License: MIT

Demo and docs:

http://tikslus.com/tikslus360/demo

Get the jQuery 360 degree image viewer plugin from GitHub:

https://github.com/pushpendra10/tikslus360

You may also like:

Skitter – multiple style slideshow

jQuery Image Zoom Plugin

jQuery Carousel-3D plugin – a cross browser 3D Carousel

Creating 3D rotatable objects with jQuery Interactive 3D plugin

Free Transform jQuery Plugin (rotate, scale, move and more)

Enjoy!

Share:Share on Facebook1Share on Google+1Tweet about this on TwitterShare on LinkedIn1Pin on Pinterest1