`img` tag enhancement for 360° object movies, vistas and panoramas
npm install jquery.reel!logo
jQuery Reel 1.3
===============
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.
* 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.
* NEW Javascript-free initialization. Oh yes!
* 50+ options for full customization.
* Apple, Blackberry and Android mobile devices supported.
* NEW 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.
* NEW AMD and CommonJS compatible.
* Tools for Drupal, Joomla, Dreamweaver, Poser or Python by the loving community!
Demo
----
View a [demonstration][demo] on plugin home page or our [many examples][examples].
How To?
-------
As easy as adding few _special_ attributes to your HTML image tag:
``html
`
class="reel"
data-images="my_server/image-##.jpg">
my_server/image-01.jpg
The above will be turned into default interactive Reel with 36 frames loaded from through image-36.jpg Use [options][options] to customize.
docs/`][docs-copy] folder.
License
-------
* Available for all personal or commercial projects for free under the [MIT License][license].
* Use for free and enjoy! Appreciations are warmly welcome:
Requirements
------------
* [jQuery 1.6.2 or higher][jquery]
* Optionaly you can also include one of these two handy jQuery plugins (recommended):
* [jQuery.mouseWheel][mousewheel] will enable mouse wheel interaction
* or [jQuery.event.special.wheel][wheel] is also a nice alternative
Download
--------
* [Annotated open source][source] (~ 124,5 kB)
* or [minified version][min] (~ 20,8 kB)
* or [entire package][zip] (~ 7,8 MB)
Link the [CDN][cdn]
-------------------
* [http://code.vostrel.net/jquery.reel-bundle.js][cdn-bundle] (~ 10,0 kB; gzipped)
Documentation
-------------
For options head to plugin [options on-line reference][options] or view the [entire open-source code explained][docs], where all available methods, events and data keys are explained in detail. The documentation is embedded into the source code and you also find a copy in the [
[CHANGELOG][changelog]
[demo]: http://reel360.org/reel#demo
[docs]: http://test.vostrel.net/jquery.reel/docs/jquery.reel.html
[docs-copy]: http://github.com/pisi/Reel/tree/master/docs
[examples]: http://test.vostrel.net/jquery.reel/example
[options]: http://reel360.org/reel#options
[changelog]: http://github.com/pisi/Reel/blob/master/CHANGELOG.markdown
[license]: https://raw.github.com/pisi/Reel/master/LICENSE.txt
[jquery]: http://www.jquery.com/
[mousewheel]: http://github.com/brandonaaron/jquery-mousewheel
[wheel]: http://blog.threedubmedia.com/2008/08/eventspecialwheel.html
[source]: http://github.com/pisi/Reel/raw/v1.3.0/jquery.reel.js
[min]: http://github.com/pisi/Reel/raw/v1.3.0/jquery.reel-min.js
[zip]: http://github.com/pisi/Reel/zipball/v1.3.0
[iphone-test]: http://www.youtube.com/watch?v=R0hiYmVre6s
[cdn]: http://wiki.github.com/pisi/Reel/cdn
[cdn-bundle]: http://code.vostrel.net/jquery.reel-bundle.js