Monday, 13 June 2011

jQuery Roundrr – Circular Image Galleries With jQuery

Hey guys. Quite often with image galleries powered by jQuery, we’re presented with a very similar layout – one which contains the images or items presented inside a rectangle. This is great for providing an experience users are used to, but there are a few interesting alternatives that you may like to hear about – how about displaying your images or items around a shape like a circle or an ellipse instead?. 

In today’s post I’ll be showing you how to do just that with a brand new plugin I’ve written called jQuery Roundrr.

I’ll also show you how you can leverage the power of math with JavaScript to generate coordinates for positioning your images in interesting ways without needing to use HTML5 or CSS3 – just pure javascript.

The benefit of this approach is that much of what I show you today will work cross-browser right out of the box. Before we get started, here are some demos of Roundrr in action. Remember you can also use the left and right keys on your keyboard to control the interface.

No comments:

Post a Comment

All Time Popular Posts