Duda html sencilla

Gepetto - 07/08/2006 12:33
Estoy empezando con el html y me ha surgido esta duda: Tengo una simple tabla con dos columnas=2 celdas. En la 1ª celda he representado una imagen en miniatura y lo que busco es que, al hacer el evento onclick sobre esta 1ª imagen llamada foto_mini.jpg cambie la imagen representada en la 2ª celda de la tabla por otra.
_______________________________.



_______________________________.



[i]un saludo para los que seguís foreando incluso en vacaciones.[/i].

-- IMÁGENES ADJUNTAS --

🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #34790



🖼️

Estamos trabajando para mostrar las imágenes del foro

Adjunto #34791

NeCRoManCeR - 07/08/2006 12:50
En lugar de la imagen podrías poner un frame y llamarlo álbum luego a cada thumbnail le agregas un código más o menos así:
[code]
a.

Href=fotografía.jpg.

Target=álbum>aquí el código de la thumbnail
[/code]
viriathus - 07/08/2006 13:21
Puedes ponerle un id a la imagen destino (por ejemplo, destinoimg) y llamar a esta función en un onclick o en un onmouseover:
[code]img src=fotoenana.jpg onclick=cambiaimagen(fotogrande.jpg),>.
img id=destinoimg>.
[/code]
[code]Function cambiaimagen(url).
{.

Document, getelementbyid(destinoimg), src=url.
}.
[/code]
Gepetto - 09/08/2006 20:07
Viriatus podrías explicar esto mismo como para un niño de preescolar? Que es lo que yo soy en el mundo html. Gracias.
Marta - 09/08/2006 20:28
Según la recomendación de viriathus, el código sería algo así:
[code]
html>
head>
title>
meta http-equiv=content-type content=text/html, charset=ISO-8859-1>
script language=javascript>
Function cambiaimagen(url)
{
Document, getelementbyid(destinoimg), src=url;
}
/script>
/head>.
body>
table>
tr>
td>
td>
/tr>
/table>
/body>
/html>[/code]

Lo he probado y parece que funciona bien.
viriathus - 09/08/2006 21:48
Eso es Marta aunque yo habría puesto el onclick en la imagen y me hubiese ahorrado el anchor
Marta - 09/08/2006 21:55
sí, lo único que entonces no aparece el cursor:hand que indica que se puede hacer clic, lo cual puede llevar a pensar que no hay enlace.

Si quitase el a, entonces pondría el cursor:hand con css en la imagen. Así no habría dudas de que se puede hacer clic.
.
viriathus - 09/08/2006 22:05
Buen apunte.
Gepetto - 10/08/2006 00:17
Gracias, pruebo y os comento.