Gracias Gracias:  0
Resultados 1 al 9 de 9

Tema: Duda HTML facil

  1. #1
    yo sonrio, ¿y tú?
    Fecha de ingreso
    Jul 2005
    Ubicación
    Tallando a Pinocho
    Mensajes
    952

    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 replaceado 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 replaceada en la 2ª celda de la tabla por otra.


    ________________________________

    ________________________________



    Un saludo para los que seguiis foreando incluso en vacaciones. ^^
    Miniaturas adjuntadas Miniaturas adjuntadas Duda HTML facil   -1.jpg   Duda HTML facil   -2.jpg  
    "También se puede soñar con los ojos abiertos, se llama vivir..."

  2. #2
    Lobo suelto cordero atado Avatar de NeCRoManCeR
    Fecha de ingreso
    Jan 2005
    Ubicación
    Corrientes - Argentina
    Mensajes
    3,681

    Re: Duda HTML facil

    En lugar de la imagen podrías poner un frame y llamarlo "album" luego a cada thumbnail le agregas un código más o menos así:

    Código:
    <a 
    href="foto.jpg" 
    target="Album">Aca el código de la thumbnail</a>

  3. #3
    Aprendiz
    Fecha de ingreso
    Jan 2005
    Ubicación
    Madrid
    Mensajes
    2,280

    Re: 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;
    }
    30 años de Star Wars

  4. #4
    yo sonrio, ¿y tú?
    Fecha de ingreso
    Jul 2005
    Ubicación
    Tallando a Pinocho
    Mensajes
    952

    Re: 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
    "También se puede soñar con los ojos abiertos, se llama vivir..."

  5. #5
    Aspirante Avatar de Marta
    Fecha de ingreso
    Nov 2004
    Ubicación
    Castellón
    Mensajes
    1,613

    Re: 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.
    Vale mucho más morir intentándolo que vivir toda tu vida lamentándolo.

    In pursuit of a dream (Animation Mentor, dibujos y otras cosillas)

  6. #6
    Aprendiz
    Fecha de ingreso
    Jan 2005
    Ubicación
    Madrid
    Mensajes
    2,280

    Re: Duda HTML facil

    Eso es Marta aunque yo habría puesto el "onclick" en la imagen y me hubiese ahorrado el anchor "<a ...".
    30 años de Star Wars

  7. #7
    Aspirante Avatar de Marta
    Fecha de ingreso
    Nov 2004
    Ubicación
    Castellón
    Mensajes
    1,613

    Re: 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.

    Vale mucho más morir intentándolo que vivir toda tu vida lamentándolo.

    In pursuit of a dream (Animation Mentor, dibujos y otras cosillas)

  8. #8
    Aprendiz
    Fecha de ingreso
    Jan 2005
    Ubicación
    Madrid
    Mensajes
    2,280

    Re: Duda HTML facil

    buen apunte
    30 años de Star Wars

  9. #9
    yo sonrio, ¿y tú?
    Fecha de ingreso
    Jul 2005
    Ubicación
    Tallando a Pinocho
    Mensajes
    952

    Re: Duda HTML facil

    Gracias, pruebo y os comento...
    "También se puede soñar con los ojos abiertos, se llama vivir..."

Temas similares

  1. Combustion hola solo una duda,,facil de contestar
    Por facun2 en el foro Postproducción
    Respuestas: 4
    Último mensaje: 09-01-2010, 00:50
  2. html _ javascript
    Por bealobo en el foro Diseño Gráfico y CAD
    Respuestas: 3
    Último mensaje: 18-02-2008, 00:41
  3. Indesign y html
    Por leonoel en el foro Diseño Gráfico y CAD
    Respuestas: 0
    Último mensaje: 31-03-2005, 21:34
  4. duda facil supongo
    Por Zarech en el foro Modelado
    Respuestas: 1
    Último mensaje: 17-03-2005, 21:07

Actualmente estos son sus permisos de publicación en el foro.

  • -No puedes crear nuevos temas al no estar registrado o no haber iniciado sesión en el foro.
  • -No puedes responder temas al no estar registrado o no haber iniciado sesión en el foro.
  • -No puedes subir archivos adjuntos al no estar registrado o no haber iniciado sesión en el foro.
  • -No puedes editar tus mensajes al no estar registrado o no haber iniciado sesión en el foro.
  •