|
|
|
| |||||||||
![]() |
|
|
«
Previous Thread
|
Next Thread
»
|
Thread Tools | Search this Thread | Rate Thread | Display Modes |
|
#1
|
|||
|
|||
|
CSS: using hover to change another image (that is not being hovered over)
I'm still relatively new to this whole homepage thing. I was wondering if its possible using only CSS to make this happen:
i have a bunch of headings along the top of a page that a person can click on. Below is a box with an image. I would like a different image to appear in that box when a differnt heading above is hovered over. Is this javascript stuff ?:S (havnt started learning that yet) tanks, matt. |
|
#2
|
||||
|
||||
|
Use a little CSS and a little javascript. Here is something I'm using.
Code:
<img src="default.png" id="bigPic" width="320" height="240"
alt="" />
<a href="ksc1.jpg"><img src="tn_ksc1.jpg"
onmouseover="document.images['bigPic'].src='some.png';"
width="72" height="54" alt="Item ksc1" /></a>
Running the mouse over the link causes the called for image to appear in the place of the image id'd as bigPic. cheers, gary
__________________
There are those who manage to build a web site without knowing what they're doing; thereby proving to themselves they do, indeed, know what they're doing. Ask a better question, get a better answer. |
|
#3
|
||||
|
||||
|
Something like this ?
__________________
Cheers, Jamie # skiFFie | Home of the 'accessibility module' for Drupal # Jamie Burns [me] Accessibility Module [drupal] # guidelines | search | wap resources | not getting help | fold to cure # Any form of employment is strictly prohibited ...... __________________ Let the might of your compassion arise to bring a quick end to the flowing stream of the blood and tears ..... Please hear my anguished words of truth. __________________ |
|
#4
|
|||
|
|||
|
thank you both, ill look into it
|
![]() |
| Viewing: Dev Shed Forums > Web Design > CSS Help > CSS: using hover to change another image (that is not being hovered over) |
| Thread Tools | Search this Thread |
| Display Modes | Rate This Thread |
|
|
|
|