Link que muestran imagenes en la misma pagina

[karemlis]

Hola!!
haber nose si esta consulta ira aki o no..
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...

espero ideas!!

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

gracias !!
saludos
karen

[GatorV]

Como lo tienes dividido con frames? o con divs?

Si es frames, solo basta que le des como target a cada link el nombre del frame superior.

Si es con divs, tendras que usar Ajax para cargar un HTML en el div donde quieres que aparezcan las imagenes.

Saludos.

[karemlis]

oohhhhh!! esta con div!!

ajax!! me lo iamginaba!!
me podrias ayudar en eso??
de donde saco algo asi??
La verdad no he trabajado cn ajax hasta el momento
gracias!

[Nano_]

Saludos.

Bueno no se si debas consultar a la base de datos para indicar la imagen que quieres ver dependiendo del link.

Sino no es asi lo podrias realizar por medio de js por medio del evento onclink invocando la imagen que quieres que se vea.

y si necesitas es consultarla por medio de la B.D y sin necesidad de recargar la pagina te recomendaria que utilizes la libreria xajax. "sobreescribiendo" la div donde tengas el espacio para la imagen. Puedes ver mayor informacion Aqui.

Un Saludo

Hasta Pronto

[okram]

Iniciado por GatorV

[...]Si es con divs, tendras que usar Ajax para cargar un HTML en el div donde quieres que aparezcan las imagenes.[...]

GatorV, aunque AJAX es una opcion, no es la única, ni la mas adecuada ni la más práctica para lo que karemlis desea hacer. Puede usar javascript

Aunque no es el foro indicado, meteré algo de codigo aquí:

Creas una funcion javascript sencilla:

Código HTML:

function abrir_imagen(url) {
document.getElementById('div_de_la_imagen').innerHTML = '<img src="' + url + '" title="Imagen"/>';
return false;
}

Y luego el cuerpo de la pagina:

Código HTML:

<div id="div_de_la_imagen"></div>
<br />
<a href="#" onclick="return abrir_imagen('path_de_la_imagen/sol.jpg');">Imagen del sol<br />
<a href="#" onclick="return abrir_imagen('path_de_la_imagen/luna.jpg');">Imagen de la luna<br />
<a href="#" onclick="return abrir_imagen('path_de_la_imagen/fdw.jpg');">Imagen de FDW<br /> 

Un saludo,