Discussion :

[Romalafrite]

Bonjour,

j'ai un document qui fait une trentaine de traitements et de remplacements HTML.

Le traitement est un peu long mais c'est normal.

J'en ai profité pour mettre des logs qui me confirment à chaque tour de boucle que le DOM a bien été impacté par la fonction .html() :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
console.log('image url '+imgUrl2);					
$('#'+thisId).html('<img src="'+imgUrl2+'" style="width: 400px; height: 280px;"   />'); 					
console.log($('#'+thisId).html());

Donc à chaque tour de boucle, je m'attendrais à ce qu'une image de + apparaisse mais non.

Voici ce qu'il se passe :
- à chaque tour de boucle, la console est bien augmenté du log prévu ci-dessus qui semble confirmer que le DOM a été impacté avec l'image à charger
- au bout des 30 tours de boucle, l'ensemble des images sont appelées d'après l'onglet network et apparaissent aussitôt (pour le coup ça va très vite).

Ce que j'aimerais :
- qu'à chaque tour de boucle, l'image appelée soit chargée.

Voyez-vous une raison à cela ?

Merci,

[psychadelic]

simple,
tout ça se passe dans une logique de taches asynchrones, chaque chargement d'image est une tache à part qui s'exécute de son coté, mais le système n'attend pas qu'une tache soit terminé pour en lancer une autre.
Il y a aussi des priorités : tout ce qui concerne la structure de la page à une plus grande priorité que pour la reconstitution des paquets composant chaque image.

Si tu veux controler l'ordre de traitement de ces multiples taches, alors tu dois utiliser le système des promesses https://developer.mozilla.org/fr/doc..._les_promesses

mais tu va rencontrer un problème pour coder une boucle de promesses. Il y a un bout de code qui devrait t'aider à résoudre ces questions : https://www.developpez.net/forums/d1.../#post10098264

[SpaceFrog]

Ton console log ne présage pas du chargement de l'image, totu au mieux il indique l'insertion de la balise img dans le DOM.
Fais un console.log sur le onload de l'image, tu auras alors l'indication de la fin de chargement de l'image.

Une autre possibilité est de faire un preloader d'images...

[NoSmoking]

Bonjour,
n'oublions pas en plus que le moteur de rendu n'est pas prioritaire et que ce n'est pas parce que le DOM est changé que l'affichage se fera dans la foulée.