jquery - Flipping around a div using Javascript - Stack Overflow

admin管理员组

文章数量:1313599

Flip is a great JQuery plugin for flipping blocks, but it doesn't preserve the background while it animates the flip.

For example, I have this pretty background here, before I flip. While flipping, it gets ugly.

Is there a way I can flip this div nicely, keeping the pretty background I have, and maybe even achieve a smoother animation than I can get with Flip?

If I need to dive into this headfirst and code my own function for flipping a div, that's also doable, and I'd really appreciate some pointer there, if that's what I must do.

Thanks so much!

Flip is a great JQuery plugin for flipping blocks, but it doesn't preserve the background while it animates the flip.

For example, I have this pretty background here, before I flip. While flipping, it gets ugly.

Is there a way I can flip this div nicely, keeping the pretty background I have, and maybe even achieve a smoother animation than I can get with Flip?

If I need to dive into this headfirst and code my own function for flipping a div, that's also doable, and I'd really appreciate some pointer there, if that's what I must do.

Thanks so much!

• javascript
• jquery

Share Improve this question Follow edited Oct 16, 2011 at 19:05 Nightfirecat 11.6k66 gold badges3737 silver badges5353 bronze badges asked May 2, 2010 at 18:20 IsaacIsaac 16.4k1010 gold badges5454 silver badges7777 bronze badges 1

• Your sample links seem to be showing just static images. Are they screenshots of the page you're working on? Where is the actual page you're working on? Sorry, I don't understand what code you are showing. – thomasrutter Commented May 3, 2010 at 3:45

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 3

Try the jQuery QuickFlip pulgin, this one seems pretty neat with handling the background.

Try looking into momoflow, its a coverflow type of application that animates the background to different angles.

It's using the canvas tag however, which could be an issue for you if you want IE patibility. However the technique the dev is using is to chop the the image into several vertical slices and animate their position. You could extend this functionality to introduce a full flip!

A really cool way to do this is use CSS 3 transformations. It's much better than using a script; you should always avoid using scripts where simpler methods can be employed.

本文标签： jqueryFlipping around a div using JavascriptStack Overflow