Submit your widget
HomeImage EffectsReel images 360°3D view jQuery plugin

Reel images 360°3D view jQuery plugin

Created 14 years ago   Views 18848   downloads 2396    Author n/a
Reel images 360°3D view jQuery plugin
View DemoDownload
109
Share |

An image is worth a thousand words. And what about the moving one!

Try reel for yourself. Place your mouse pointer over images above. And roll your mouse wheel up/down or drag the image left/right.

How to?

  1. You obviously have an image you want to make interactive in your HTML document.
  2. Collect all rotation frames into a single reel sprite OR stitch them together
  3. Link jquery.reel.js in your document.
  4. And on the image use the jQuery method:

 

.reel()

 

 

Some examples with an IMG tag id "my_image": This will simply make it reel:

 

$('#my_image').reel()

 

 

 

Don't have 36 frames? 27, you say? No problem:

 

$('#my_image').reel({ frames: 27 })

 

 

Want to use your own CSS class? There's an option for just that:

$('#my_image').reel({ klass: 'MyThreeSixty' })

 

You might also like