Question

So I found this awesome article about fading between images using javascript (using opacity, which works in Mozilla, Opera, and IE): http://www.cryer.co.uk/resources/javascript/script19_fade_image.htm#self

And I’m wondering, can I do the same with text? I mean, if both images have some text inside them, and I want the fade to happen at the same time with text?

Thanks

Answer 1

Here’s an example of how to fade between two images, and text, using JQuery:

http://jsfiddle.net/Tr2LA/

Click the image to begin the animation. It works by using JQuery to fade out one div while simultaneously fading in another. Each div contains an image and text.

$('#fadeOut').click(function() {

  $('#fadeOut').fadeOut('slow');

  $('#fadeIn').fadeIn('slow');

});