Results 1 to 3 of 3

Thread: How To Get Images Fading, But When Hovered Over Show Another Image

  1. #1
    Join Date
    Feb 2009
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default How To Get Images Fading, But When Hovered Over Show Another Image

    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.

  2. #2
    Join Date
    Jan 2009
    Posts
    12
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Default

    This is what they used. Try experimenting with that.

    HTML Code:
    <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>
    Last edited by Snookerman; 04-28-2009 at 04:33 PM. Reason: added [html] tags

  3. #3
    Join Date
    Dec 2008
    Posts
    35
    Thanks
    3
    Thanked 1 Time in 1 Post

    Default

    You can allways make something much nicer with flash or a more advanced javascript.
    For example i found this script. Take a look on this site maybe you'll find something.
    Last edited by Snookerman; 04-28-2009 at 04:32 PM. Reason: removed image signature

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •