Javascript Girl
  1. Javascript Girl
  3. JQuery vérifie si l'image est chargée
Intereting Posts
Cible = '_ vide' pour montrer dans une nouvelle fenêtre, PAS nouvel onglet, possible? JQuery Script Load Timing En utilisant Babel + grunt pour travailler avec ES6 – comment transformer des déclarations obligatoires? Contrôleur AngularJS pour un onglet Supprimer tout le contenu en utilisant JS pur Mesure de la largeur / hauteur du texte sans rendu Uncaught TypeError: Invocation illégale sur addEventListener Change textNode value Existe-t-il un moyen plus simple de convertir un int en unicode? Régénérer les ID de session avec Nodejs Connect Comment obtenir un tableau avec jQuery, plusieurs <input> avec le même nom Avoir des problèmes avec le tableau de passage au modèle jade dans node.js 2 Sélectionner les options Combiner les valeurs et le lien Pourquoi deux objets identiques ne sont-ils pas égaux les uns aux autres? Y a-t-il un problème concernant l'utilisation des attributs «données- *» de HTML5 pour les anciens navigateurs?

JQuery vérifie si l'image est chargée

J'ai besoin d'aide avec le code suivant qui ne fonctionne pas: 

 Var timeoutID = 0;
 Var currentImage = 0; // première image est la position 0 dans arrImages array
 Var arrImages = [bla bla bla array of image URL];
 Fonction diaporama ()
 {
    Si ($ ('# myImg'). Complete) // <------- Voici où il échoue car il n'est pas défini.
    {
       // curentImage est un var global qui rappelle la clé du tableau d'images à l'écran
       Var nextImage = currentImage + 1;

       // arrImages est le tableau d'URL d'image
       Si (nextImage> = arrImages.length) {nextImage = 0;}

       $ ('# MyImg'). Attr ('src', nextImage);

       ClearTimeout (timeoutID);
       // Changer l'image chaque seconde après la chargement de l'image précédente
       TimeoutID = setTimeout ("slideShow ()", 1000);
    }
    autre
    {
       $ ('# MyImg'). Load (slideShow);
    }
 }

Fondamentalement, je veux modifier la src pour #myImg chaque seconde, à condition que le compteur commence après l'importation de l'image.

* Je déteste le bouton de code dans l'éditeur de texte pour le débordement de pile.

'Complete' est pour l'objet javascript natif. Donc vous devriez obtenir l'objet javascript de jQuery. comme, 

 $('#myImg')[0].complete

ou 

 $('#myImg').get(0).complete

Si je me souviens bien, l'image obtient la largeur et la hauteur quand elle est chargée. Donc, je suppose que vous pouvez vérifier la largeur si l'image. Et tant que c'est 0, l'image n'est pas chargée.