Vertical 3d Gallery Carousel Using Jquery Roundabout Shapes Plugin

Published by: Emil // Date 16.7.2012 // Views: 7588 // Add to Twitter :: Facebook

Image

From the start I have to say that the result is not 100% what I wish to have but is a 3D vertical image rotator. The idea came after I saw the 3D rotator from Dote Design Agency www.dotedesign.com which is an amazing 3D Flash rotator, especially because on loading is rotating fast the items. Today I discovered a webkit rotator from Apple website showcases https://developer.apple.com/safaridemos/showcase/gallery/ which does the same job but the sad part is that this webkit is not supported in all browsers.

So, this demo is based on Roundabout Shapes Plugin http://fredhq.com/projects/roundabout-shapes/ using waterWheel, vertical version of the Lazy Susan shape. On mousemove event has updates for setTilt and animateToNextChild Roundabout callbacks

You can run the demo here:
http://maran-emil.de/experiments/demo9/



Horizontal 3D Carousel rotators examples:
http://www.jcarousel.com/09/index.php
http://www.professorcloud.com/mainsite/carousel.htm
http://interface.eyecon.ro/docs/carousel
http://codecanyon.net/item/3d-carousel-advanced-jquery-carousel/136996