image:onmouseover

• • Reply

  18 years ago

  by Mazdak

  Mazdak

  , United States

  Joined 18 years ago

  I'm really beginner in javascript.So PLEASE give me details.
  

  
  I have two images.I want when mouse go over one of them another one become invisible and  when it goes out of it again it become visible.

  Report abuse
• • Reply

  18 years ago

  by Rollershade

  Colin Harman MACITP

  West Sussex, England, Australia

  Joined 19 years ago

  have a gander at this, i wrote it myself so if u dont understand just bell me
  

  
  http://www.hjones.freeuk.com/imagerollover.htm

  Report abuse
• • Reply

  18 years ago

  by paulfp

  Paul Freeman-Powell

  Liverpool, United Kingdom

  Joined 19 years ago

  [courier new]
  <img src ="something.gif" onMouseOver ="this.src='something_else.gif';" onMouseOut ="this.src='something.gif';">
  [/courier new]
  

  
  and to preload the image(s)
  

  
  [courier new]
  var image1 = new Image(); image1.src = "image1.gif";
  var image2 = new Image(); image1.src = "image2.gif";
  var image3 = new Image(); image1.src = "image3.gif";
  [/courier new]
  

  
  since that's repetitive code, if you're doing more than just a few, you should use a loop, but that's digressing too far i think
  

  
  i hope that's what you wanted

  Report abuse