I have been trying to integrate quickflip and a slideshow animation. So everytime when the user hovers over the image, it would pause the animation and "flip to the other side". When the user hovers out, it would then replace its normal state. The problem is here is I do not know how to handle the quickflip code (http://jonraasch.com/blog/quickflip-2-jquery-plugin).

I have looked at the sample code and tried to replace it, but at the end the animations would get messed up...

Javascript:

var interval = setInterval( "slideSwitch()", 3000 );
$('.quickFlip').quickFlip();

$('#slideshow').hover(function () {
        clearInterval(interval);
    }, function () {
        interval = setInterval("slideSwitch()", 3000);
});