Cambiar la imagen dependiendo la seleccionada

[petit89]

Javascript basico, seria asi:

Código Javascript:

<script language="javascript">
var img= new Array(3)
img [0]= "rojo.jpg";
img [1]= "azul.jpg";
img [2]= "verde.jpg";
var i = 0;
 
 
function cargarImagen(){
  document.imgSrc.src = img[i] ;
}
 
function imgcargada(valor){
    var NumImagen = valor;
  document.imgSrc.src = img[NumImagen];
}
 
window.onload=cargarImagen;
 
</script>
 

el campo donde lo mostraras

Código HTML:

<img name="imgSrc" id="imgSrc" border="0"/>
 

los links de las miniaturas

Código HTML:

<a onclick="imgcargada(0);" style="cursor:pointer"><img src="miniatura_roja.jpg" /></a>
<a onclick="imgcargada(1);" style="cursor:pointer"><img src="miniatura_azul.jpg" /></a>