Chrome ne charge pas img src lorsqu'il est mis en javascript

J'ai un album photo qui parcourt une série d'images lorsque l'utilisateur clique sur FORWARD ou BACK, implémenté par Javascript définissant la src d'un img. Il fonctionne correctement sur FF, Opera, IE et Safari, mais pas sur Chrome – dans Chrome, les images apparaissent parfois et parfois des espaces vides. Il semble que si les images sont mises en cache elles sont visibles, mais si elles n'ont pas déjà été chargées, Chrome ne les charge pas. J'ai confirmé que le src est défini correctement dans l'élément, il ne s'affiche pas.

Si les images sont chargées dans le html de la page, elles s'affichent correctement lorsque .src est configuré en javascript, mais si elles ne figurent pas dans le code html chargé, certaines d'entre elles apparaîtront et d'autres ne le feront pas – mais seulement dans Chrome, Dans tous les autres navigateurs, il semble fonctionner correctement.

Existe-t-il un paramètre de cache que je dois utiliser pour Chrome, ou un hack que je peux faire pour vous assurer que ceux-ci sont correctement chargés?

Merci à tous.

Russell

(Ajouté) Un certain code suit. Il est généré, d'où proviennent les constantes étranges, et le fichier se poursuit avec quelques centaines d'éléments <li>

<HTML> <HEAD> <link href="../lame.css" rel="stylesheet" type="text/css"> <TITLE>Young/Haraske slides</TITLE> <script src="../lame.js"></script> <script> var int2atts = [], int2path = [], paths = {}, atts; atts = {} int2atts[36] = atts; int2path[36] = "Families/Young/Russell" window.onload = function() {substituteNodeInfo(); showPage(254);} var imagePtr = 0; function nextImage(i) { imagePtr = (imagePtr + i + 254) % 254; var nextSrc = document.getElementById("photo" + imagePtr).src var mainImage = document.getElementById("MainImage"); var src = mainImage.src; mainImage.src = src.substring(0, src.lastIndexOf("/")) + nextSrc.substring(nextSrc.lastIndexOf("/")); return false; } </script> </HEAD> <BODY id="pathBody"> <H1 id="pageTitle">Russell</H1> <div> <img id="MainImage" src="../pictures/1845DEC61.JPG"></img> <h3 id="Title">Russell</h3> <div id="Text"></div> <a href="" onclick="return nextImage(-1)">Previous</a> <a href="" onclick="return nextImage(1)">Next</a> <p /> This filter is included in the following paths: <ul class="paths"> <li class="path"><a href="../folders/Russell.html?path=36">Families/Young/Russell</a></li> </ul> </div> <div class="choosePage"></div> <ul id="gallery" class="filteredItems"> <li id="listing0" class="lineblock"><p> <a class='folder' href="../items/1845DEC61.html"> <img id="photo0" src='../thumbnails/1845DEC61.JPG' alt='1845DEC61.JPG'> <br />Image page</a>/<a href="../fullsize/1845DEC61.JPG">Full size</a> <br />1845DEC61.JPG </li> <li id="listing1" class="lineblock"><p> <a class='folder' href="../items/1669.html"> <img id="photo1" src='../thumbnails/1669.JPG' alt='1669.JPG'> <br />Image page</a>/<a href="../fullsize/1669.JPG">Full size</a> <br />1669.JPG </li> 

Peut-être que vous pouvez tenter de préfetch l'image via ajax comme expliqué dans ceci: http://www.4thkingdom.com/public/computers/789073-web-site-speed-prefetching-images-css/view-post.html

Cache est apparemment dégagé. L'onglet Réseau montre que chrome pense qu'il charge l'image du cache, lorsque j'ai essayé de supprimer le cache, tout a fonctionné. Peut-être que c'est un bug, où le cache est nettoyé, mais l'index n'est pas mis à jour?

Merci pour les suggestions.

J'ai résolu un problème similaire découlant d'une réutilisation du défilement de l'image horizontale – pour voir la page attendre 20 secondes pour que la minuterie diminue: http://www.btinternet.com/~st_rise/main/mainfram.htm?../imagery/ Imgscroll3h.htm avec une astuce à partir de http://www.ozzu.com/programming-forum/javascript-sleep-function-t66049.html

Dans ma boucle de chargement d'image, j'appelle cette fonction qui simule le sommeil.

 function pause( iMilliseconds ) { var sDialogScript = 'window.setTimeout( function () { window.close(); }, ' + iMilliseconds + ');'; window.showModalDialog('javascript:document.writeln ("<script>' + sDialogScript + '<' + '/script>")'); } 

Vous pouvez voir le résultat dans mon site [elenco alloggi]: http://www.unitaria.it/interventi_u.html