Chrome ist nicht geladen, img-src in javascript

Ich habe ein Foto-album, das Zyklen durch eine Reihe von Bilder, wenn der Benutzer klickt auf "WEITERLEITEN" oder "ZURÜCK", umgesetzt durch die Einstellung Javascript die src eines img. Es funktioniert einwandfrei auf FF, Opera, IE und Safari, nicht aber in Chrome in Chrome werden die Bilder manchmal angezeigt werden und manchmal sind Leerzeichen. Es wird angezeigt, wenn die Bilder zwischengespeichert werden, Sie sind sichtbar, aber wenn Sie nicht geladen wurden bereits Chrome nicht geladen werden. Ich habe bestätigt das src ist korrekt eingestellt und in das element, es ist einfach nicht anzeigen.

Wenn die Bilder geladen sind, in das html für die Seite, die Sie zeigen, bis Sie richtig, wenn .src ist in javascript, aber wenn Sie nicht in die geladene html-code, dann werden einige von Ihnen zeigen, und manche nicht - aber nur in Chrome, in allen anderen Browsern scheint es richtig zu funktionieren.

Gibt es einige cache-Einstellung muss ich verwenden für Chrome, oder einen hack kann ich tun, um sicherzustellen, dass diese geladen werden, richtig?

Danke an alle.

russell

(Hinzugefügt) Einige code folgt. Es generiert wird, die ist, wo die seltsame Konstanten kommen, und die Datei weiterhin mit ein paar hundert mehr < li > Elemente

<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>

Könnten Sie bitte etwas code / erstellen einer Geige? Ich bin auch mit Chrome, so dass ich versuchen könnte, um es zu reproduzieren.
Es Klang für mich so, als ob Sie brauchen, um die Vorspannung Ihrer Bilder.
Es sind bis zu 1000 Bilder, also würde ich eher keine Vorspannung. Wahrscheinlich eher, als dass ich fallen würde, die Funktionen zu scrollen, wenn die Bilder auf dieser Seite.
Keine Vorspannung jedes Bild. Vorspannung, sagen wir 2 Bilder vor, wo der Benutzer ist.
Wie gehe ich über Sie Vorladen? Ich habe versucht, "var im = new image(); im.src = xxx.jpg aber das bedeutet das gleiche. Das einzige, was funktioniert, scheint es tatsächlich zu sein putting einen IMG-tag - das könnte ich für alle von Ihnen und legen Sie die Anzeige auf "keine", aber das scheint übertrieben.
MooTools bietet eine Funktion für diese.
Ist dieser bug immer noch rund? Ich bin es, herauszufinden, genau das selbe problem (2 yeras, nachdem diese Frage hier!) jetzt mit Embedded Chrom mit Xilium CefGlue C#. Ich bin das hinzufügen von über 800 DIVs mit IMGs dynamisch. Einige Bilder werden immer geladen, einige sind nicht (Immer die gebrochenen Bild-Symbol), Keine Arbeit um derzeit alles versucht.

InformationsquelleAutor russell | 2011-02-25

0

vielleicht können Sie versuchen, prefetch das Bild via ajax wie in diesem : http://www.4thkingdom.com/public/computers/789073-web-site-speed-prefetching-images-css/view-post.html
- Netter Gedanke, aber ich habe nicht erwähnt, dass die Anwendung html ist, gibt es keine server-Seite, so kann ich nicht Ajax verwenden. Der link, den Sie gab auch vorgeschlagen var im = new Image(); im.src = 'URL_OF_IMAGE'; das habe ich schon ausprobiert, und es scheint nicht, einen Unterschied zu machen.
InformationsquelleAutor Vinze
0

Cache ist offenbar ausgeräumt. Registerkarte Netzwerk zeigt chrome denkt es lädt das Bild aus dem cache, wenn ich habe versucht, das löschen des cache funktionierte alles. Vielleicht ist das ein bug, wo der cache gereinigt aber der index nicht aktualisiert?

Danke für die Vorschläge.
- Es ist ein gemeldeter bug in chrome [link]code.google.com/p/chromium/issues/detail?id=20960
- Ich bin auch vor dem gleichen problem mit chrome. firefox ist okey.
InformationsquelleAutor russell
0

Löste ich ein ähnliches problem, das sich aus einer Wiederverwendung von Horizontalen Bild scrollen, um zu sehen, Seite, warten Sie 20 Sekunden, so dass der timer nach unten gehen- ~~http://www.btinternet.com/~st_rise/main/mainfram.htm?../imagery/imgscroll3h.htm~~
mit einem trick von ~~http://www.ozzu.com/programming-forum/javascript-sleep-function-t66049.html~~

In meiner Schleife der lade Bild rufe ich diese Funktion simuliert Schlaf.
```
function pause( iMilliseconds ) {
    var sDialogScript = 'window.setTimeout( function () { window.close(); }, ' + iMilliseconds + ');';
    window.showModalDialog('javascript:document.writeln ("<script>' + sDialogScript + '<' + '/script>")');
}
```
Können Sie das Ergebnis sehen Sie in meiner Website [elenco alloggi]: http://www.unitaria.it/interventi_u.html

InformationsquelleAutor gianni rossini

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.