Cambiar imagen al seleccionar otra pequeña

[milomdq]

Buenas, estoy con un problema que no se mucho como resolverlo.

Actualmente tengo una imagen grande, y a los costados otras imagenes mas pequeñas (thumbnails). estas las genero dinamicamente poniendo por ejemplo

Código PHP:

  /thumbnail.php?x=86&y=80&file=nombre_imagen //donde nombre_imagen la obtengo desde una base de datos 
   

yo lo que quiero hacer es al hacer click sobre un thumbnail, en la imagen grande se me coloca esta.

dejo un ejemplo:

http://autos.demotores.com.ar/dm-124...s-2007-35500km

gracias!

[_cronos2]

Puedes poner una imagen (grande) y las demás (pequeñas), y en cada imagen pequeña ponerle un onclick con la función para cambiar el src de la imagen central, algo como esto:

Código Javascript:

function grande(foto){
 document.getElementById('grande').src = foto;
}
 

Código HTML:

<img id='grande' src='img1.gif' />
<img id='p1' src='img1.gif' onclick='grande(this.src);' />
<img id='p2' src='img2.gif' onclick='grande(this.src);' />
<img id='p3' src='img3.gif' onclick='grande(this.src);' />
<img id='p4' src='img4.gif' onclick='grande(this.src);' />
 

Código CSS:

#p1, #p2, #p3, #p4 {height:50px; width:50px;}
#grande {height:200px; width:200px;}
 

Saludos (:

[milomdq]

gracias maestro!!!