Tom's Guide | Tom's Hardware | Tom's Games
![]() |
![]() |
![]() |
I am making a web page but i am having problems with the rollover buttons i want to use. What i want to do is have five standard rollover buttons, but instead of just rolling over one image i want it to do two. E.G. i want to have a description image appear when the mose hovers over the home button, when there cursor is not hovering over any button i want to have a default image shown. How can I do this
Thanks for your help

maybe it's just me, but I'm having trouble understanding what you want to do. First you mention five rollover buttons, then one rollover that "does two".
I suggest that you describe one button and what you want it to do.
Typically, there are four 'different' images that are defined for a button:
1 - the original image that is loaded when the page displays
2 - the image displayed when the mouse hovers over the button (set by onMouseOver)
3 - the image displayed when the button is clicked (I've never done this, but I suppose you could set a new image with onClick). I don't know that this is done.
4 - the image displayed when the mouse quits hovering over the image (set by onMouseOut)
Normally, the #4 image is the same as the #1 image, but (in theory) it doesn't have to be.
Also, normally, the (for example) #2 image is the same every time that you hover over the button, but although I've never done it, I'm sure that you could program it so that a different image appears each time you hover.
Maybe someone else will understand what you are trying to do, or if you can describe it differently, I might be able to help.

ok lets try it like this....
this is what i want to do:
Basically i want to have a description of each button appear when the mouse hovers over it. For example, say i have the hover button at the top of the page and a image shown at the bottom of the page. What i want to do is when the button at the top is hovered over i not only want the hover button image to change i want to change the image at the bottom as well. When the cursor is moved off the button at the top the image at the bottom will change back to the origional one.I hope this is a little more clear, thanks for your input.

![]() |
![]() |
![]() |

This post is quite old and has been locked from receiving new replies. Please create a new posting instead.
| Ads by Google |