jQuery Plugin For 360°Object Movies, Vistas And Panoramas - Reel

jQuery Plugin For 360°Object Movies, Vistas And Panoramas - Reel
File Size: 8.03 MB
Views Total: 6303
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

Reel 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. Reel is used on hundreds of websites around the globe by big ones like Nikon, BMW, Adidas, Blackberry or The New York Times, government agencies, non-profits, businesses and individuals to embrace their visitors and enrich their user experience. Reel is the premier alternative to Flash, Java, Quicktime and alike.

Features:

  • Modes covering beyond usual 360° span.
  • 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.
  • Apple, Blackberry and Android mobile devices supported.
  • Gyroscope support.
  • Browser and operating system agnostic. Flash-free. It's just an image...
  • Loves your existing CSS. NEW Responsive
  • Transparent, documented, eventful & well-tested tiny code base.
  • AMD and CommonJS compatible.
  • Tools for Drupal, Joomla, Dreamweaver, Poser or Python by the loving community!
  • Free for personal and commercial use.

See also:

Basic Usage:

1. Load the jQuery javascript library and jquery.reel.js script on your web page.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src='jquery.reel.js' type='text/javascript'></script>

2. Create a Bare Camera Sequence Object Movie using a group of images with data-images attribute.

<img src="fish/DSCN0691.JPG" width="210" height="186"
      class="reel"
      id="image"
      data-images="fish/DSCN####.JPG|691..702">

3. Or Javascript alternative.

<img id="image" src="fish/DSCN0691.JPG" width="210" height="186" />
<script>
$('#image').reel({
images:      'fish/DSCN####.JPG|691..702'
});
</script>

4. Check the docs for options and methods.


This awesome jQuery plugin is developed by pisi. For more Advanced Usages, please check the demo page or visit the official website.