PDA

View Full Version : MouseClick, Mouseover and mouseout

Jt107
11-13-2002, 06:16 AM
I am trying to make mouseout, mouseover, onclick to work. but it does not. I can make the one make button work the way I like: when mouse click on the button image, the mouseclick image stays. but Could not find a way to inactivated it when I mouserover or click another button. Any one has a solution to that. Thanks
glenngv
11-13-2002, 06:18 AM
could you post the code?
Jt107
11-13-2002, 06:31 AM
Here is part of the code:
image0normal = new Image();
image0normal.src = "/images/Nav/News.gif";
image0hover = new Image();
image0hover.src = "/images/Nav/News_hover.gif";
image0click = new Image();
image0click.src = "/images/Nav/News_click.gif";

image1normal = new Image();
image1normal.src = "/images/Nav/Auction.gif";
image1hover = new Image();
image1hover.src = "/images/Nav/Auction_hover.gif";
image1click = new Image();
image1click.src = "/images/Nav/Auction_click.gif";
...

<td> <a href="../News/index.cfm" onmouseover="image0.src=image0hover.src;"
onmouseout="image0.src=image0normal.src;" onClick="image0.src=image0click.src; image0normal.src = '/images/Nav/News_click.gif'; image0hover.src='/images/Nav/News_click.gif';" target="body">
<img name="image0" src="/images/Nav/News.gif" border=0></a></td>


<td> <a href=" ../Auction/index.cfm" onmouseover="image1.src=image1hover.src;"
onmouseout="image1.src=image1normal.src;" onClick="image1.src=image1click.src; image1normal.src ='/images/Nav/Auction_click.gif'; image1hover.src='/images/Nav/Auction_click.gif';" target="body">
<img name="image1" src="/images/Nav/Auction.gif" border=0></a></td>
...

Thanks
Jt107
11-13-2002, 02:54 PM
Anyone has a better solution on this? Appreciate your help.
RoyW
11-13-2002, 05:06 PM
Take a look at this code.
http://www.javascript-fx.com/scriptclips/quadroll/QuadState3img.html

You can also have just 2 images
http://www.javascript-fx.com/scriptclips/quadroll/QuadState2img.html

Or you can make the clicked image have a rollover also
http://www.javascript-fx.com/scriptclips/quadroll/QuadState4img.html
http://www.javascript-fx.com/scriptclips/quadroll/QuadState4imgA.html
Jt107
11-13-2002, 06:00 PM
Thanks a lot. They are very helpful.