jQuery Plugin For 360°Object Movies, Vistas And Panoramas - Reel
File Size: | 8.03 MB |
---|---|
Views Total: | 7178 |
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:
- Cyclotron - 360°Panorama Image Display Plugin
- jQuery Plugin For 360 Degree 3D Panoramic View - 3dEye.js
- jQuery Plugin For Draggable 360s Image Sequences - threesixtyjs
- AJAX-ZOOM - 3D Spin Rotate & Zoom 360 Plugin
- jQuery Plugin For Draggable 360 Degrees Product Image View - j360
- Super Tiny jQuery 360 Degrees Product Image Viewer
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.