cargar una imagen con AJAX

[suntus]

estoy presentando una serie de fotos de muy basica forma
sale una principal, grande
y debajo, 5 pequeñas

al pinchar una de las pequeñas, recargo la pagina y pongo lo mismo pero ahora la imagen grande es la elegida,

¿podriais darme una idea fácil para realizar este proceso sin tener que recargar la pagina?

no se nada de ajax y muy poco de js

gracias a todos.

[stock]

eso no es nada de AJAx, es solo Javasscript, utilizarias AJAX si sacaras informacion de la imagen de una base de datos por ejemplo.

mira, para cambiar una imagen simplemente ponle un ID al tag donde esta la imagen grande algo asi

<img id="grande" src="imagendefault.jpg" />

ahora haces una funcion que modifique el src de esa imagen, algo asi:

Código PHP:

  function cambia(nueva){
   var imagen = document.getElementById('grande');
   imagen.src = nueva;
}  
   

ahora, en las imagenes pequenias llamas a esta funcion, algo asi

Código:

<a href="grande01.jpg" onclick="cambia(this.href); return false;"><img src="pequenia01.jpg" title="imagen" /></a>
<a href="grande02.jpg" onclick="cambia(this.href); return false;"><img src="pequenia02.jpg" title="imagen" /></a>

have funnnnnnn

[karemlis]

pero no me funciona la idea!! en IE se va a otra pagina, y en mozzilla no carga nada tampoco..sera q los nombres estan mal escritos??

[suntus]

Iniciado por karemlis

pero no me funciona la idea!! en IE se va a otra pagina, y en mozzilla no carga nada tampoco..sera q los nombres estan mal escritos??

pues a mi me va perfectamente...

muchas gracias stock..