How do i piece together my on hover image?

I'm trying to change the color of 3 images (all at the same time) in the hover (o rollover) of <a></a> (an a tag / hyperlink). I'm having trouble with understanding how to "piece" all the images together so that when you roll over one all three "light up". How can I accomplish this?
LVL 1
Michael SterlingWeb Applications DeveloperAsked:
Who is Participating?

[Webinar] Streamline your web hosting managementRegister Today

x
 
wmadrid1Connect With a Mentor Commented:
<img id="img1" src="">
<img id="img2" src="">
<img id="img3" src="">
<a onclick="change();" href="javascript: void();">
<script>
function change()
{
      document.images['img1'].src = "new path of mg1";
      document.images['img2'].src = "new path of mg2";
      document.images['img3'].src = "new path of mg3";
}
</script>
0
 
LZ1Commented:
Do you have any code you can show us or maybe a live URL?

Also: Are you talking about multiple backgrounds inside the <a> tag? Can you give a more clear example?
0
 
wmadrid1Connect With a Mentor Commented:
<a onrollover="change();" href="javascript: void();">

You can customize it, to pass 3 var with te new path, and call it again in rollout
Also, you can change the background image wit
      document.getElementById(id).style.background = 'url('+imgSrc+')';

0
 
Michael SterlingWeb Applications DeveloperAuthor Commented:
thank you
0
All Courses

From novice to tech pro — start learning today.