-
2 Archivos adjunto(s)
Duda html facil
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.
_______________________________.
https://www.foro3d.com/images/upload...2006/08/16.jpg
_______________________________.
https://www.foro3d.com/images/upload...2006/08/17.jpg
un saludo para los que seguís foreando incluso en vacaciones..
-- IMÁGENES ADJUNTAS --
https://www.foro3d.com/attachment.ph...chmentid=34790
https://www.foro3d.com/attachment.ph...chmentid=34791
-
Duda html facil
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í:
Código:
a.
Href=fotografía.jpg.
Target=álbum>aquí el código de la thumbnail</a>
-
Duda html facil
Puedes ponerle un id a la imagen destino (por ejemplo, destinoimg) y llamar a esta función en un onclick o en un onmouseover:
Código:
img src=fotoenana.jpg onclick=cambiaimagen(fotogrande.jpg),>.
img id=destinoimg>.
Código:
Function cambiaimagen(url).
{.
Document, getelementbyid(destinoimg), src=url.
}.
-
Duda html facil
Viriatus podrías explicar esto mismo como para un niño de preescolar? Que es lo que yo soy en el mundo html. Gracias.
-
Duda html facil
Según la recomendación de viriathus, el código sería algo así:
Código:
html>
head>
title></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><a href=# onclick=cambiaimagen(foto_a_mostrar.jpg)><img src=foto_en_la_que_se_hace_clic.jpg></a></td>
td><img id=destinoimg src=foto_a_cambiar.jpg></td>
/tr>
/table>
/body>
/html>
Lo he probado y parece que funciona bien.
-
Duda html facil
Eso es Marta aunque yo habría puesto el onclick en la imagen y me hubiese ahorrado el anchor <a.
-
Duda html facil
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.
.
-
Duda html facil
-
Duda html facil
Gracias, pruebo y os comento.