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 100+ 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...
- 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.
It is actually pretty straightforward:
.reel( [options] )
For the many options
head to plugin on-line reference page or view the entire open-source code explained, where also the other method .unreel()
along with events and data keys are explained in detail. The annotations are embedded into the source code and you also find a copy in the docs/
folder.
Say you have an image in your page:
<img src="my_server/image.jpg" width="200" height="100" id="my_image">
and calling:
$('#my_image').reel()
will turn your image into default Reel with 36 frames in sprite. Use options to customize.
- jQuery 1.5 or higher
- Optionaly you can also include these handy jQuery plugins (recommended)
- jQuery.mouseWheel will enable mouse wheel interaction
- or jQuery.event.special.wheel is a nice alternative
- jQuery.disableTextSelect will retain mouse dragging interaction when saving the image is enabled
- Open source (~ 100,2 kB annotated)
- or minified version (~ 16,8 kB)
- or entire package (~ 3 MB)
Link the CDN
- http://code.vostrel.cz/jquery.reel-bundle.js (~ 8,5 kB; gzipped)