Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Flipping an image with jQuery

Flipping an image with jQuery


Before you tune out and label this as a dreadful question, please listen, I am aware that there are many Jquery plugins that flip images / content. My problem however involves something a little more difficult.

My problem is that a client wants their logo to constantly flip at a slow rate (this is not much of a problem) but when the logo is flipped halfway, instead of the image having 0 width they want the logo to appear a little "3D" so that when you are viewing it head on, it actually has a width.

I've googled around a bit but really can't seem to find a plug-in that achieves this, is it even possible?

If you're having trouble visualising what I mean when I say flip, see this demo

Problem courtesy of: Sean Dunwoody


In the end we gave up on a JavaScript Solution (it was going to be near impossible to have a reasonable cross browser solution)

So we ended up using jquery reel to accomplish this (why we didn't think of sprites earlier I'll never know!)

Solution courtesy of: Sean Dunwoody


View additional discussion.

This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

Flipping an image with jQuery


Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription