al hacer click en un thumbnail aparezca la foto ampliada

apekasa · #1 (**permalink**) 16/05/2005, 17:22

Podeis decirme como he de hacer para que al hacer click en un thumbnail (NO al pasar el boton por encima) aparezca la foto ampliada en un determinado cuadro de la misma página?
Gracias a todos

neowebmaster · #2 (**permalink**) 16/05/2005, 21:04

Sabes usar javascript?

Si es un determinado cuadro una buena opcion es un iframe, asi no te complicas la vida...

MikiBroki · #3 (**permalink**) 17/05/2005, 02:23

La forma que se me ocurre es creando una función en javascript, en la que al hacer ONCLICK en la imagen te la cargue en otro frame con

"iframe['Nombre'].location.href = nombre_fichero;"

donde "nombre_fichero" se lo pasas a la función.

Un saludo.

KarlanKas · #4 (**permalink**) 17/05/2005, 03:44

Una posible solución sería crear una imagen en blanco. O una imagen con el logo del sitio para que aparezca mientras que no se pinche sobre ninguna imagen. La llamaremos "imagen_fantasma.jpg". Y luego:

Código PHP:

  <html>

<head>

<script>

function cambiar(esto){

document.images['grande'].src=esto;

}

</script>

</head>

<body>

Esta es la imagen en grande:

<img name="grande" src="imagen_fantasma.jpg">

 
Y el resto de los enlaces. Puede ser en imagen o en texto:

 
<a href="#" onclick="cambiar('imagen1_grande.jpg');return false">

<img src="imagen1_pequeña.jpg">

</a><br>

 
<a href="#" onclick="cambiar('imagen2_grande.jpg');return false">

Ampliar imagen 2

</a><br>

</body>

</html>

Y mando este hilo a Javascript!