[jQuery] Fading images 'slow' on mouseover
Hi there,
Does anyone know of a way to have an image that when you rollover it,
it fades into another image?
Additionally, I would like the fade to be fast onmouseover and slow
onmouseout.
I have tried this lots of times and the issue that I keep getting is
that I have to let the fades complete before you can initiate the fade
again. In other words if I set onmouseout fade to 'slow' if I rollover
the image again before this 'slow' fade has completed, nothing
happens. I have to let the fade complete before you can rollover
again.
I would like to know if there is a way to interrupt the fade so that
if it half complete, the fadeOut is stopped and immediately starts the
fadeIn
My pathetic attempts are:
<a href="http://www.pictureandword.com/test_platform/index.html">Here!
</a>
And the .js file is:
<a href="http://www.pictureandword.com/test_platform/effects.js">Here!
</a>
It is cluncky, to say the least.
ANY help would be great.
(Thanks to Ariel Flesher for trying to help me with this before,
sorry, I'm just too stupid!)
Thanks.