Duda script imágenes cambiantes

[gupientrez]

Bueno, lo primero disculparme de antemano porque soy un auténtico novato en esto, y puede que mi duda sea algo demasiado obvio o una verdadera chorrada.

Estoy intentando colocar en mi web unas cuántas imágenes que vayan cambiando cada X tiempo ellas solas, y buscando por internet encontré el siguiente script:

<script>
var cont = 0;
var arr = [
["http://www.a.com","images/img1.jpg"],
["http://www.aa","images/img2.jpg"],
["http://www.aaa.com","images/img3.jpg"]
]
function cambia() {
var d = document.getElementById("idCapita");
cont = cont % arr.length;
d.innerHTML = "[img]"+arr[cont][1]+"[/img]";
cont++;
}
function inicio() {
cambia();
setInterval(cambia, 1000);
}
window.onload=inicio;
</script>
<div id="idCapita"></div>


Ahora mi duda. En teoría, las imágenes cambian. Y digo en teoría porque es el texto lo que cambia, pero no se ve ninguna imágen. Al mostrar la página, donde se deberían ver las imágenes, me aparece [img]images/img1.jpg[/img], [img]images/img2.jpg[/img], etc. cambiando continuamente. Al principio pensé que sería un problema de ruta, pero si en el código doy click derecho en "images/img1.jpg" y doy a Abrir "images/img1.jpg", se me abre perfectamente la imágen que quiero mostrar. He probado cambiando muchas cosas y nada. Probablemente sea un error estúpido, ya que no sé prácticamente nada de ésto, por eso imploro ayuda!

[maycolalvarez]

si te fijas, el código no está añadiendo un HTML sino esto:

d.innerHTML = "[img]"+arr[cont][1]+"[/img]"; //esto es BBCode

cuando debe ser:

d.innerHTML = "<img alt=\"image" + cont + "\" src=\"" + arr[cont][1] + "\" />";

o mejor aún que "d" sea el IMG y sólo cambies el src (d.src = 'url';)

Nota. use var al declarar nuevas variables

[Dradi7]

Bueno segun veo tu codigo, se ve que aun te falta bastante por aprender aunque el codigo no estan lo suficiente bueno, vamos a solucionar tu problema primero existe un error en la sintaxis del INNERHTML al momento de llamar la imagen en vez de que sea [IMG] deberia ser asi <img> y te falta poner el atributo src que hace poder llamar y cargar la imagen

Tu codigo deberia quedar algo asi:

Código HTML:

<script type="text/javascript" language="javascript">
 var cont = 0;
 var arr = 
    [
        ["http://www.a.com","images/img1.jpg"],
        ["http://www.aa","images/img2.jpg"],
        ["http://www.aaa.com","images/img3.jpg"]
    ];
    
 function cambia() {
    var d = document.getElementById("idCapita");
    cont = cont % arr.length;
    d.innerHTML = "<img src = '"+arr[cont][1]+"'>";
    cont++;
    console.log(cont);
 }
 
 function inicio() {
    cambia();
    setInterval(cambia, 1000);
 }
 
 window.onload=inicio;
 
 </script>
 
 <div id="idCapita"></div>
 

[gupientrez]

Bueno, muchísimas gracias a los dos! Ya me funciona! La verdad es que sí, me falta "todo" por aprender jeje

Gracias de nuevo! :)

[maycolalvarez]

Excelente, y nada mejor que ésto para empezar: http://librosweb.es/
y no se olvide de la wiki y manuales del foro