A little dab'll do ya
Code Snippets
Fade Image Into Another Image
Make a div that is the exact size of the image. This div will have a background image applied to it of the second image. Then put an inline image inside it.
<div id="kitten">
<img src="/images/kitten.jpg" alt="Kitten" />
</div>Fading the inline image in and out will reveal/hide the second (background) image.
$("#kitten").hover(function(){
$(this).find("img").fadeOut();
}, function() {
$(this).find("img").fadeIn();
});
nice effect thank for sharing.
fadeIn() is not called until after fadeOut has returned, so although simple, it visually leaves alot of room for improvement.
This is horrible. It fades out the first and THEN fadeIn the other one.
You re not doing what you’re saying: fade one image INTO another.
Did you even read the post? The containing DIV has a background image equal to the second image. When you hover over the IMG element, it fades out, displaying the 2nd image (in the form of the container DIV and its BG image). When you mouse-out, the IMG fades back in, covering up the container DIV background, and displaying the first image (IMG element) once again.
Thanks, It is very useful
it doesn’t work , any help plz?
and i want something like you do in the “PROPS” in This Page …. thanx
Cool :)
I’m gonna be using this on my site, thanks :)
Ashley