tags:

views:

776

answers:

2

Hi to all I'm aware of various image crossfade plugins, but i need to crossfade text. Like, I have text A within a , a or a element and I want it to fade away while, fading in, B takes its place.

Any help really appreciated.

+1  A: 

Quick demo here.

redsquare
Wonderful service to asker, but not to SO. The link to quick demo should accompany the answer, not be the answer.
buti-oxa
And you are who's judge and jury
redsquare
+2  A: 

VERY simple example

<div>
<div style="position:absolute;" id="div1">Hello</div>
<div style="position:absolute;" id="div2">World</div>
</div>

<script>
        $("#div2").hide( );
        $("#div2").fadeIn( 3000 );
        $("#div1").fadeOut( 3000 );
</script>
Kane Wallmann
Just to make sure that the fadeIn/FadeOut happen in sequence you might want to do something along the lines of: $("#div2").fadeIn( 3000 ); $("#div1").delay(3001).fadeOut( 3000 );
Matt Dunnam