Skip to main content
Publicación recuperada por Jorgesys
se añadieron 1493 caracteres en el cuerpo
Origen Enlace
Jorgesys
  • 111.1k
  • 14
  • 55
  • 134

Para que obtengas todos los elementos <img te sugiero usar la variable i, inicializarla e incrementarla hasta el valor de la cantidad de elementos imgs.length :

function slideshow () {
       for(var i = 0; i <= imgs.length; i++){
           img.src =  imgs[i].src;
        }
    }

Si deseas realizar un slide te sugiero lo realices de esta forma, donde solo necesitas un elemento <img donde se mostrarían las imágenes definidas en el arreglo:

    window.onload = function() {
    var image=document.getElementById("aaa");
    var img_array=["image-1.gif","image-2.gif","image-3.gif","image-4.gif"];
    var index=0;
    var interval = 500;
    function slide() {
        document.getElementById("myimage").src = img_array[index++%img_array.length];
    }

    setInterval(slide, interval);
}

Ejemplo:

    window.onload = function() {
    var image=document.getElementById("aaa");
    var img_array=["https://media.wired.com/photos/5926db217034dc5f91becd6b/master/w_1904,c_limit/so-logo-s.jpg","https://responsivedesign.is/wp-content/uploads/2014/10/be-inspired.svg","https://static1.squarespace.com/static/5712c8b91d07c0fc4a29034d/t/59b010946e9329024be40bd4/1504655639343/6010d66c21d9b0090027d8e89641a467-idea-light-bulb-school-by-vexels.png","https://upload.wikimedia.org/wikipedia/commons/8/84/Example.svg", "https://i.sstatic.net/6JLYC.png"];
    var index=0;
    var interval = 500;
    function slide() {
        document.getElementById("myimage").src = img_array[index++%img_array.length];
    }

    setInterval(slide, interval);
}
<div id="imagenes">
   <img id="myimage" width="100px" height="100px">
</div>

Para que obtengas todos los elementos <img te sugiero usar la variable i, inicializarla e incrementarla hasta el valor de la cantidad de elementos imgs.length :

function slideshow () {
       for(var i = 0; i <= imgs.length; i++){
           img.src =  imgs[i].src;
        }
    }

Para que obtengas todos los elementos <img te sugiero usar la variable i, inicializarla e incrementarla hasta el valor de la cantidad de elementos imgs.length :

function slideshow () {
       for(var i = 0; i <= imgs.length; i++){
           img.src =  imgs[i].src;
        }
    }

Si deseas realizar un slide te sugiero lo realices de esta forma, donde solo necesitas un elemento <img donde se mostrarían las imágenes definidas en el arreglo:

    window.onload = function() {
    var image=document.getElementById("aaa");
    var img_array=["image-1.gif","image-2.gif","image-3.gif","image-4.gif"];
    var index=0;
    var interval = 500;
    function slide() {
        document.getElementById("myimage").src = img_array[index++%img_array.length];
    }

    setInterval(slide, interval);
}

Ejemplo:

    window.onload = function() {
    var image=document.getElementById("aaa");
    var img_array=["https://media.wired.com/photos/5926db217034dc5f91becd6b/master/w_1904,c_limit/so-logo-s.jpg","https://responsivedesign.is/wp-content/uploads/2014/10/be-inspired.svg","https://static1.squarespace.com/static/5712c8b91d07c0fc4a29034d/t/59b010946e9329024be40bd4/1504655639343/6010d66c21d9b0090027d8e89641a467-idea-light-bulb-school-by-vexels.png","https://upload.wikimedia.org/wikipedia/commons/8/84/Example.svg", "https://i.sstatic.net/6JLYC.png"];
    var index=0;
    var interval = 500;
    function slide() {
        document.getElementById("myimage").src = img_array[index++%img_array.length];
    }

    setInterval(slide, interval);
}
<div id="imagenes">
   <img id="myimage" width="100px" height="100px">
</div>

Publicación eliminada por Jorgesys
Origen Enlace
Jorgesys
  • 111.1k
  • 14
  • 55
  • 134

Para que obtengas todos los elementos <img te sugiero usar la variable i, inicializarla e incrementarla hasta el valor de la cantidad de elementos imgs.length :

function slideshow () {
       for(var i = 0; i <= imgs.length; i++){
           img.src =  imgs[i].src;
        }
    }