boucle une série d'image en javascript

je veux boucle une série d'images en javascript. ci-dessous le code que j'ai jusqu'ici

<html>
<head>
</head>

<body>
<img src="images/image1.jpg" alt="rotating image" width="600" height="500" id="rotator">

<script type="text/javascript">
(function() {
var rotator = document.getElementById('rotator');  //change to match image ID
//var imageDir = 'images/';                          //change to match images folder
var delayInSeconds = 1;                            //set number of seconds delay
//list image names
var images = ['1.jpg','2.jpg', '3.jpg', '4.jpg'];

//don't change below this line
var num = 0;
var changeImage = function() {
    var len = images.length;
    rotator.src = images[num++];
    if (num == len) {
        num = 0;
    }
};
setInterval(changeImage, delayInSeconds * 50);
})();
</script>
</body>
</html>

Il peut uniquement afficher l'image que j'ai déclaré dans le "var" image". si j'ai 10000 image , comment faire . J'ai essayé d'utiliser un "pour" en boucle, mais il a échoué .. des suggestions ?? merci d'avance

==============================================================

version de mise à jour que Joseph recommandons : 

<html>
<head>
</head>

<body>
<img src="images/1.jpg" alt="rotating image" width="600" height="500" id="rotator">

<script type="text/javascript">
(function() {
var rotator = document.getElementById('rotator'), //get the element
   var delayInSeconds = 1,                           //delay in seconds
   var num = 0,                                      //start number
   var len = 9999;                                      //limit
setInterval(function(){                           //interval changer
    num = (num === len) ? 0 : num;                //reset if limit reached
    rotator.src = num + '.jpg';                     //change picture
    num++;                                        //increment counter
}, delayInSeconds * 1000);
}());
</script>
</body>
</html>
  • 1. ne faites pivoter la variation moyenne des images? 2. r u donnant corriger chemin d'accès au dossier? je ne vois pas dans le code.
  • ce "échec"?
  • j'ai mis le fichier html avec le code donc je pense que besoin dun chemin à droite? @Joseph , c'afficher la première image et la 2ème image habitude de sortir
InformationsquelleAutor Eric | 2012-05-15
  1. 2

    En supposant que les images ont la même séquentiel des noms de fichiers, ce serait mieux si la boucle à travers un grand nombre d'entre eux:

    (function() {
    var rotator = document.getElementById('rotator'), //get the element
        dir = 'images/',                              //images folder
        delayInSeconds = 1,                           //delay in seconds
        num = 0,                                      //start number
        len = N;                                      //limit
    setInterval(function(){                           //interval changer
        rotator.src = dir + num+'.jpg';               //change picture
        num = (num === len) ? 0 : ++num;              //reset if last image reached
    }, delayInSeconds * 50);
}());
    • j'ai mis le code ci-dessus
    • mon code n'inclut pas le dossier images. effectuez les changements nécessaires, non seulement de copier coller.
    • j'ai mis le fichier même dossier avec les images. et il n'afficher la première image seulement et il na pas afficher l'image suivante
    • Désolé pour le retard de mise à jour, j'ai trouvé l'erreur à l'incrément. Il devrait être un ++num au lieu de num++. Vérifier la mise à jour de réponse.
    InformationsquelleAutor Joseph
  2. 0

    Autant que je sache, vous pouvez utiliser la même logique pour afficher les images en petit morceau que votre navigateur va planter si vous essayez d'afficher toutes les 10000 images en même temps.Afin d'affichage de 5 à 10 images sur la page avec votre logique et de demander à l'utilisateur de récupérer prochaine série.Vous pouvez voir ce genre de mise en œuvre à l'image de nombreuses applications de partage de.Espérons que cela vous aidera

    • je suis en train de faire un programme qui peut salon de l'auto les images avec une vitesse rapide qui il s'agira en fait semblable à une vidéo.
    • Bien,mais comment vous allez stocker ces nombreuses images dans le navigateur?
    • je dun pense qu'il va stocker au navigateur. il est juz pour afficher une séquence d'image seulement.
    • alors, vous allez chercher toutes ces 10000 images du serveur?
    • ceux 10000 photos sont toutes de les stocker à l'intérieur de la machine. j'ai donc juz les appeler et afficher uniquement
    • Êtes-vous à l'aide de Javascript uniquement pour cela? parce que le javascript ne fonctionne que sur le navigateur client.Si vous avez besoin de télécharger ces images pour les navigateurs clients.Mais le problème ici comment vous allez faire?
    • je vais avoir un serveur qui va garder la capture d'écran et l'envoyer au client . donc je ne vous inquiétez pas au sujet de la partie de l'image .

    InformationsquelleAutor UVM