I have this code for an image, with an onmouseover, onmouseout code. I'm trying to set it up that I can have multiple images, all with the same id code, and have all of them affected by a separate code, all at once. What I've tried so far works, somewhat, but it only changes the first image with the id code. Here's what I have:
Image Codes(Multiple):
<img src="STARTING IMAGE URL" border="0" width="83" height="83" onmouseover="IMAGE URL';" onmouseout="this.src='IMAGE URL';" />
"Button" Code:
<img src="Button Image URL" onmouseover= "document.changedImage.src ='NEW IMAGE URL';" onmouseout= "document.changedImage.src ='NEW IMAGE URL';" />
I haven't taken any coding classes or anything, merely just been using what I've picked up here and there from other people. I'd really appreciate any help!
Image Codes(Multiple):
<img src="STARTING IMAGE URL" border="0" width="83" height="83" onmouseover="IMAGE URL';" onmouseout="this.src='IMAGE URL';" />
"Button" Code:
<img src="Button Image URL" onmouseover= "document.changedImage.src ='NEW IMAGE URL';" onmouseout= "document.changedImage.src ='NEW IMAGE URL';" />
I haven't taken any coding classes or anything, merely just been using what I've picked up here and there from other people. I'd really appreciate any help!