jQuery Reel Example

360° Object View Example

Photographed object can be spinned 360° using mouse drag or mouse wheel.

jQuery Reel plugin using latest jQuery aided by additional jQuery plugins:

<!DOCTYPE html> <html> <head> <script src='http://code.jquery.com/jquery-latest.min.js'></script> <script src='jquery.reel-min.js'></script> <script src='inc/jquery.disabletextselect-min.js'></script> <script src='inc/jquery.mousewheel-min.js'></script> </head> <body> <img id='image' src='object.jpg' width='276' height='126' /> <script> $(document).ready(function(){ $('#image').reel({ frames: 35, saves: true }); }); </script> </body> </html>

Plugin uses src and width & height dimensions of #image. It then looks into object.jpg's folder and automatically chooses another image named object-reel.jpg for Reel interactions.

More about Reel plugin The world's first JavaScript projector of 360° panoramic images

© 2009-2011 Petr Vostřel