Cambiando la imagen

elanime · #1 (**permalink**) 14/06/2003, 09:42

Holaaz amigos webmasters! :D
Tengo una pekeña duda, q he buscado mucho, pero no pude encontrar nada!

Es asi... yo tengo una pagina, con una imagen en el medio, y un menu arriba q dice: Imagen 1, Imagen 2, Imagen 3, etcc.etc

Bueno, lo q yo kiero es q cuando alguien clickee el link del menu, Imagen 3 x ejemplo, la imagen q esta abajo cambie instantaneamente a imagen3.jpg , y asi, si clickeo los demas links q me vuelva a cambiar la imagen en la misma pagina... me entienden??

No se si se hace con HTML, o con JS... alguien sabe de algun ejemplo con lo q kiero o sabe en donde conseguir el codigo???

SALUDOS! Y GRACIAS DE ANTEMANOO!!!!

Bravenap · #2 (**permalink**) 14/06/2003, 10:04

Esto se hace con Javascript.
Prueba algo así:

<html>

Código:

<head>
<script language="JavaScript">
function cambia(imagen) {
  document.getElementById("imagen").src=imagen;
}
</script>
</head>

<body>
<a href="#" onClick="cambia('img1.jpg')">Imagen 1</a><br>
<a href="#" onClick="cambia('img2.jpg')">Imagen 2</a><br>
<a href="#" onClick="cambia('img3.jpg')">Imagen 3</a><br>
<p><img src="imag0.jpg" id="imagen"></p>
</body>
</html>

No estoy seguro, pero creo que era mejor poner url.location en lugar de src. Por temas de compatibilidad de navegadores, pero no me hagas mucho caso.

Suerte.

tunait · #3 (**permalink**) 14/06/2003, 10:29

Cita:

Mensaje Original por Bravenap
No estoy seguro, pero creo que era mejor poner url.location en lugar de src. Por temas de compatibilidad de navegadores, pero no me hagas mucho caso.
Suerte.

Mi estimado Bravenap,

si me permites, te comento que tal como pusiste el ejemplo está estupendo

En todo caso la alternativa para navegadores de versiones anterires a reconocer el getElementById habría sido poner:

document.imagen.src=imagen;

aunque mejor si el nombre del argumento es distinto que el name de la imagen.

Con location.url lo que harías es cambiar el documento por la imagen, y desparecería todo lo demás. Es decir, redireccionarías la página entera a la imagen (en este caso)

location.url no es una propiedad de las imágenes, si no del objeto window y del objeto document

saludos

Bravenap · #4 (**permalink**) 14/06/2003, 10:36

Muchas gracias por la aclaración tunait

, a ver si le sirve también a elanime.

Un saludo.

elanime · #5 (**permalink**) 14/06/2003, 14:21

Muuchas gracias Bravenap!! Ahora mismo lo voy a probar! = )))
Gracias a vos tb Tunait x darnos esa info!

Chauu a todos! y les debo una!