...

View Full Version : Question



Lazy_Andy
11-16-2002, 02:40 AM
How do you change an image to another image when the mouse is over the image that will be changed?

x_goose_x
11-16-2002, 03:08 AM
http://www.dynamicdrive.com/dynamicindex15/domroll.htm

Archangel1234
11-16-2002, 04:04 AM
<img onMouseover= src="image to change to.*" width="90" height="73" alt= "This picture" onMouseout= src='main image.*' src='main image.'>

i have used this in html a few times the * is for the image extension such as gif/jpg/bmp/ect

cg9com
11-16-2002, 06:11 PM
heres another easy way:
<a onMouseOver="document.Image.src='Button(2).gif'"
onMouseOut="document.Image.src='Button(1).gif'">
<IMG SRC="Button(1).gif" BORDER=0 NAME="Image"></a>

this works fine and is pretty simple, you need to change "Image" tho for more than one mouseover.

x_goose_x
11-16-2002, 08:59 PM
I've had problems with:

image.src="pic.jpg"

with mozilla, always found it best to use:

image.setAttribute("src","pic.jpg");

cg9com
11-17-2002, 04:37 AM
Originally posted by x_goose_x
I've had problems with:

image.src="pic.jpg"

with mozilla, always found it best to use:

image.setAttribute("src","pic.jpg");

aah thanks :)



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum