View Full Version : How to make a page fade out, then fade in, with different text
07-18-2010, 02:24 AM
any help would be appreciated!
Thanks, Cookies, whatever this forum gives out, you may receive!
07-18-2010, 04:06 AM
There are lots of ways to do this. If you really were just working with a white background and black text, you could simply fade the color of the text from black to white, change the text, then fade back to black.
But the more common way is to use an overlay that starts out transparent (or 99% so) and slowly becomes more an more opaque. You change the text, and then fade the layer back to transparent. The advantage here is that the layer can be any color and can cover up anything, including images, forms, etc.
Here's an example of that from a couple of months ago, sitting in an <iframe> in the middle of a page (but of course could just as easily be the entire page). It's covering up an image and a caption, so of course it could as easily be covering up all text. Or many images and text. Or or or.
The fader code is in http://www.artsofsnohomish.org/may10fader.html (which works all by itself, but doesn't look right full screen as it was designed to fit in that <iframe>).
08-09-2010, 06:23 PM
Yes, thanks for that, but i'm planning on using it for my Navagation links.
Old Penate: You misunderstood my post, I want to have several pages, and by using the onUnload and onLoad, Having a fade in/out script, or somthing like that. where i had seen it before was a flash site.
08-09-2010, 07:05 PM
You can't really do it via onunload, because you can't delay the unload while the fadeout takes place. Instead, you have all your nav links call JS that does the fadeout-and-then-leave. The fadein, though, is easy enough via onload.
Powered by vBulletin® Version 4.2.2 Copyright © 2017 vBulletin Solutions, Inc. All rights reserved.