Log in

View Full Version : How To Get Images Fading, But When Hovered Over Show Another Image



MadeOnNotePad
02-05-2009, 03:11 PM
Hey guys, I am new here and need some help. I am going to start working on a new web site, and I found some thing I really like but I am wondering how this site did it. I am wondering how they had the images fade in and out, and when you hover over the image it shows the link "Probably another image". Here is the site http://doctorsonline.com/ . If you all could give me any advice, or the code they used to do it I would appreciate it greatly.

blackballoon
02-05-2009, 11:11 PM
This is what they used. Try experimenting with that.


<td id="left_image_side" width="80%" valign="top">
<table class="table_global"><tr><td><div id="table_container" class="table_container"onMouseOver="stopfade0('image_container0',0);" onMouseOut="dofade0('image_container0',0,200,1);"><div id="text_container0" class="text_container"><a id="text_container0" href="LINK">TEXT</a></div><div id="image_container0" class="image_container"><a href="LINK"><img src='IMAGE&amp;Width=176' alt=""></a></div>

saynogo9999
02-06-2009, 10:41 AM
You can allways make something much nicer with flash or a more advanced javascript.
For example i found this (http://www.javascript-fx.com/fade_rollovers/general_help/help.html) script. Take a look on this (http://webscripts.softpedia.com/dyn-search.php) site maybe you'll find something.