cargar imagenes en la misma pagina

[karemlis]

Hola!!

Pasa que tengo una pagina que se divide en dos partes,
arriba: hay un espacio para mostrar imagenes
abajo, hay texto con links,
bueno, quiero hacer que el usuario al pinchar sobre uno de los links, se muestre una imagen arriba en el espacio para mostrar imagenes, ¿se entiende?

la idea es que no se llame a otra pagina al hacer el link, quiero que la imagen aparezca dentro de la misma pagina,

bueno en el texto de abajo de la pagina habran varios links, y cada uno muestra una imagen distinta...

estoy usando div's por eso pienso que se hace con ajax pero nose como implementarlo..

espero ideas!!

YO SE QUE EN ESTE SUPER FORO A ALGUIEN SE LE OCURRIRA COMO!!

gracias !!
saludos
karen

[stock]

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

[MMCQ]

Stock, como hago para hacer un loading , para que cuando clickean una foto aparesca algo como "Espere un Momento" y cuando se baja la imagen completa se quite ese mensaje

OTRA COSA

como paso una variable entre

imagen.style.background = url(variable);

como hago esto?