![logo](assets/logo.gif) 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. * **NEW** In-scene annotations (hotspots) in sync with frames. * Intuitive operation. Supports both mouse and touch. * Apple, Blackberry and **NEW** Android mobile devices supported. * **NEW** 50+ options for full customization. * **NEW** Javascript-free initialization. Oh yes! * Browser and operating system agnostic. Flash-free. It's just an image... * Loves your existing CSS. * Transparent, **NEW** documented, eventful & well-tested tiny code base. * Tools for Drupal, **NEW** 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 ``` The above will be turned into default interactive Reel with 36 frames loaded from `my_server/image-01.jpg` through `image-36.jpg` Use [options][options] to customize. License ------- * Available for all personal or commercial projects for free under the [MIT License][license]. * Use for free and enjoy! Appreciations are warmly welcome: Click here to lend your support to: Reel and make a donation at www.pledgie.com ! Requirements ------------ * **[jQuery 1.6.1 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] (~ 110,0 kB)** * or [minified version][min] (~ 18,2 kB) * or [entire package][zip] (~ 7,8 MB) Link the [CDN][cdn] ------------------- * **[http://code.vostrel.net/jquery.reel-edge-bundle.js][cdn-bundle] (~ 8,5 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 [`docs/`][docs-copy] folder. [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/jquery.reel.js [min]: http://github.com/pisi/Reel/raw/v1.3/jquery.reel-min.js [zip]: http://github.com/pisi/Reel/zipball/v1.3 [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-edge-bundle.js