Vil tro følgende kan gøre hvad du er ude efter:
---------------------
<html>
<head>
<title>test img overwrite</title>
<script language="JavaScript">
function changeImg(oldImg, newImg, newWidth, newHeight)
{
var allImages = document.getElementsByTagName("IMG");
for(i=0;i<allImages.length;i++)
{
if(allImages[i].src == oldImg)
{
allImages[i].src = newImg;
typeof(newWidth) != "undefinded" ? allImages[i].width = newWidth : "";
typeof(newHeight) != "undefinded" ? allImages[i].height = newHeight : "";
}
}
}
</script>
</head>
<body>
<img src="test1.jpg" alt="" width="10" height="10">
<img src="test2.jpg" alt="" width="10" height="10">
<br><br>
<input type="button" onClick="changeImg('
http://www.luzk.dk/test/test1.jpg','
http://www.luzk.dk/images/adminspotting.gif',600,600);" value="test billede 1">
<input type="button" onClick="changeImg('
http://www.luzk.dk/test/test2.jpg','
http://www.luzk.dk/images/girlsevil.jpg',426,469);" value="test billede 2">
</body>
</html>
---------------------
Du skal dog være opmærksom på at functionen skal have sendt den fulde sti til det billede der skal skiftes ud, for allImages[i].src indeholder den fulde sti til billedet. Jeg har lagt et eksempel på
http://www.luzk.dk/test/test_img_overwrite.htm/Luzk