I have two differents select tag, but my script change both at the same time!!!! I need each image change with yours respective Select
How can I do that?
Please HELP from Brazil.
Sorry for my bad english.
My Code
<html>
<head>
<script type="text/javascript">
/* URL of folder with images */
var baseURL_OF_images = "./";
/* array of default image files */
var images =
[ "bronze.png", "prata.png",
"gold.png", "platina.png",
"diamante.png" ]
function switchImage(imgNum){
var x = parseInt(imgNum);
var src = baseURL_OF_images
+ ( ( x < 0 ) ? "bronze.png": images[x] );
document.getElementById("#AvatarImage").src = src;
document.getElementById("#AvatarImage2").src = src;
return true;
}
</script>
</head>
<body>
<img id="#AvatarImage" name="#AvatarImage" src="bronze.png" style="widht:200px;height:200px;"/>
<select id="#AvatarImage" onChange="switchImage(this.options[this.selectedIndex].value);">
<option value="0" selected="-1">Bronze</option>
<option value="1">Prata</option>
<option value="2">Ouro</option>
<option value="3">Platina</option>
<option value="4">Diamante</option>
</select>
<img id="#AvatarImage2" name="#AvatarImage2" src="bronze.png" style="widht:200px;height:200px;"/>
<select id="#AvatarImage2" onChange="switchImage(this.options[this.selectedIndex].value);">
<option value="0" selected="-1">Bronze</option>
<option value="1">Prata</option>
<option value="2">Ouro</option>
<option value="3">Platina</option>
<option value="4">Diamante</option>
</select>
</body>
<html>
