Foros del Web » Programando para Internet » Javascript »

Titulo a imagen script

Estas en el tema de Titulo a imagen script en el foro de Javascript en Foros del Web. Hola Amigos Buen dia, me he etorado en un problema estoy creando una seria de imagenes que quiero que vallan pasando pero no puedo ponerles ...
  #1 (permalink)  
Antiguo 20/06/2014, 10:36
Avatar de bernaap  
Fecha de Ingreso: agosto-2007
Mensajes: 74
Antigüedad: 16 años, 8 meses
Puntos: 0
Titulo a imagen script

Hola Amigos Buen dia, me he etorado en un problema estoy creando una seria de imagenes que quiero que vallan pasando pero no puedo ponerles el titulo igual ese lo quier definir yo, este es mi codigo.

Código HTML:
Ver original
  1. <title>Uso de Javascript</title>
  2. var cont=0
  3. function cambia() {
  4. cont++;
  5. switch(cont%5+1)
  6.  {
  7.  case 1:
  8.  document.getElementById("fotocambia").src="1.jpg";
  9.  
  10.  break;
  11.  case 2:
  12.  document.getElementById("fotocambia").src="2.jpg";
  13.  
  14.  break;
  15.  case 3:
  16.  document.getElementById("fotocambia").src="3.jpg";
  17.  
  18.  break;
  19.  case 4:
  20.  document.getElementById("fotocambia").src="4.jpg";
  21.  
  22.  break;
  23.  case 5:
  24.  document.getElementById("fotocambia").src="5.jpg";
  25.  
  26.  break;
  27.  }
  28.  
  29. }
  30. function inicio() {
  31. setInterval(cambia, 1000);
  32. }
  33. window.onload=inicio;
  34. </head>
  35. <h1> Cambia Imagen</h1>
  36. <table width="100%" border="0">
  37.   <tr>
  38.     <td width="13%"><img id="fotocambia" src="1.jpg"></td>
  39.     <td width="87%">&nbsp;</td>
  40.   </tr>
  41. <p>&nbsp;</p>
  42. </body>
  43. </html>

Pero quiero que en la celda de a lado cada imagen tenga un titulo referente a la imagen.
  #2 (permalink)  
Antiguo 20/06/2014, 11:22
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 5 meses
Puntos: 977
Respuesta: Titulo a imagen script

Así como cambias el valor del atributo src del elemento <img>, asígnale un id a esa segunda celda y en el código JS, dale un contenido según corresponda.

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand
  #3 (permalink)  
Antiguo 20/06/2014, 12:06
Avatar de bernaap  
Fecha de Ingreso: agosto-2007
Mensajes: 74
Antigüedad: 16 años, 8 meses
Puntos: 0
Respuesta: Titulo a imagen script

Cita:
Iniciado por Alexis88 Ver Mensaje
Así como cambias el valor del atributo src del elemento <img>, asígnale un id a esa segunda celda y en el código JS, dale un contenido según corresponda.

Saludos
Soy Nuevo en esto me podrías poner un ejemplo por favor
  #4 (permalink)  
Antiguo 20/06/2014, 20:47
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 5 meses
Puntos: 977
Respuesta: Titulo a imagen script

Así como le asignas un valor al atributo src del elemento <img>:

Código Javascript:
Ver original
  1. document.getElementById("fotocambia").src = "1.jpg";

También puedes asignarle uno como contenido a dicha celda:

Código Javascript:
Ver original
  1. document.getElementById("id_celda").innerHTML = "Texto";

Puedes hacer referencia a dicha celda de otras formas, pero para que no te compliques, asígnale un id y tómalo por dicho valor.

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand

Etiquetas: html
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:05.