1. No Profile Picture
    Devshed Newbie (0 - 499 posts)
    I've used the following code to do rollovers on my menu bar:

    <a href="home.html" onMouseOver = "document.homeImage.src='homeLitUp.gif'; return true;" onMouseOut = "document.homeImage.src='homeNormal.gif'; return true;"> <img name="homeImage" src="homeNormal.gif"> </a>

    The problem with this is that the images that are to swap in and out aren't preloaded initially thus there's a delay while the image loads or no effect at all displayed if the user clicks on the image too quickly. I've tried using the code created by Dreamweaver which preloads the images but it does not work correctly in Netscape.

    Any help would be greatly appreaciated.

    Thanks in advance,
  2. #2
  3. No Profile Picture
    Devshed Newbie (0 - 499 posts)
    I'm surprised that the mouseover code generated by Dreamweaver didn't work. I use Dreamweaver every now and then and I haven't come across a problem. However, check out the "Mouseover Machine" Cool Tool on C|Net:


    That seems to be pretty much cross-browser, although I have had complaints from people with badly configured old MSIE browsers.

    But there are literally thousands of example of image rollovers out there. To browse them and find the perfect script, do a search for:

    javascript AND rollovers

    I did it with Infoseek and got over a thousand results. Plenty reading there for you!


Similar Threads

  1. Image Button - onmouseover & onmouseout
    By linhardt in forum HTML Programming
    Replies: 4
    Last Post: February 2nd, 2004, 06:41 AM
  2. Javascript and CSS onMouseOver and onMouseOut
    By plan9 in forum JavaScript Development
    Replies: 1
    Last Post: December 12th, 2003, 04:58 PM
  3. Replies: 7
    Last Post: October 6th, 2003, 08:28 PM
  4. Replies: 7
    Last Post: April 9th, 2002, 11:01 AM
  5. Change link underline with onMouseOver & onMouseOut
    By randymorphis in forum HTML Programming
    Replies: 5
    Last Post: July 8th, 2001, 07:22 PM

IMN logo majestic logo threadwatch logo seochat tools logo