Jquery Image Fade In on Rollover

Jquery Image Fade In on Rollover

Hey everyone,

I wrote a couple of lines of code to simply fade in an image when a user rolls over a link:


The only problem (which you probably already noticed) is that when you rollover the links quickly, the image appears below the other for a quick second until it completely fades away. I want each image to appear on top of each other when the user rolls over a link fairly fast, so it doesn't change the shape of the website like that. In other words it will look like they crossfade pretty much.

Please help! Any help would be greatly appreciated! Thank you.

-Jick