Reel is an established jQuery plugin for 360° object movies, vistas and panoramas. It is a full-featured enhancement of <img>
HTML tag used on hundreds of websites around the globe including leading brands like Nikon, BMW, Adidas or Blackberry, government agencies, non-profits, businesses and individuals to embrace their visitors and enrich their user experience. The global community warmly welcomes Reel as an alternative to widely used Flash and Java techniques.
http://plugins.jquery.com/project/reel
- Modes covering beyond usual 360° span.
- Animated rotation and inertial motion.
- NEW In-scene annotations in sync with frames.
- Intuitive operation. Supports mouse wheel and touch.
- Apple, Blackberry and now NEW Android mobile devices supported.
- NEW Fully customizable with 50+ options to choose from.
- Browser and operating system agnostic. It's your choice.
- No browser extensions needed. No Flash, nothing. It's just an image...
- NEW Javascript-free initialization!
- Plays fair with your existing CSS.
- Transparent, eventful & well-tested tiny code base.
- Tools for Drupal, NEW Joomla, Dreamweaver, Poser or Python by the community!
View a demonstration on plugin home page or our many examples.
As easy as adding few special attributes to your HTML image tag:
<img src="my_server/image.jpg" width="200" height="100" id="my_image"
class="reel"
data-images="my_server/image-##.jpg">
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 to customize.
- Available for all personal or commercial projects for free under the MIT License.
- Use for free and enjoy! Appreciations are warmly welcome:
- jQuery 1.5 or higher
- Optionaly you can also include one of these two handy jQuery plugins (recommended):
- jQuery.mouseWheel will enable mouse wheel interaction
- or jQuery.event.special.wheel is also a nice alternative
- Annotated open source (~ 107,4 kB)
- or minified version (~ 18,0 kB)
- or entire package (~ 7,8 MB)
Link the CDN
- http://code.vostrel.net/jquery.reel-1.2-bundle.js (~ 8,5 kB; gzipped)
For options head to plugin options on-line reference or view the entire open-source code explained, 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/
folder.