I’m trying to use flip for mouseover or mouseenter type behavior.

I’d like to have it flip one way with a mouse over, then flip back on a mouseout… but am not sure how to separate the two actions as it’s setup more like a toggle on line 121-127.

I tried a super simple way of just created a new class and manually attaching a flip trigger in order to flip back. But that didn’t quite work.


$(document).ready(function() {
$('.quickFlipBack').mouseout( function() {
quickFlip.flip('.quickFlip', '.quickFlipPanel', 1);
});
});


Here is an example: http://tackysmack.com/flip

Thoughts?

This makes for a pretty rad interactive experience. And I picked your Flip above the others for it’s speed because I was going to use it like this.

The update solves a number of the problem people mentioned above. The IE8/jQuery 1.3.2 conflict has been fixed, as well as namespacing issues.

It is now way easier to use, since it can be chained from any jQuery selector, and it calculates the dimensions automatically and applies all the CSS it needs through Javascript, so there is no longer any need for a QuickFlip stylesheet.

Finally there is a much easier to use $.quickFlipper() function which makes triggering the flips manually a piece of cake.

Get it here: http://jonraasch.com/blog/quickflip-2-jquery-plugin

Thanks for the great work on this one.

Love this, really good work. It perfect for my needs. I had a similar issue to Andy on the 7th March, this was being caused by trying to use this plugin with jQuery 1.3.2, I swapped back to 1.2.6 and its working like a charm.

Just thought I would post and save anyone else having the same issue.

Great work once again, be looking out for the full plugin.

thanks!