5

Ich arbeite an einer Webseite, die eine Fotowand rendert, und während Sie nach unten scrollen, wird jQuery infinite scroll verwendet, um in den nächsten Stapel von Fotos zu laden.Zufällig fehlende Bilder in IE bei Verwendung von jQuery Masonry

Ich verwende jQuery Masonry zusammen mit jQuery InfiniteScroll.

Alles funktioniert gut unter Chrome und Firefox, aber wenn ich unter IE sehe, bemerkte ich, dass die Bilder nach dem Zufallsprinzip nicht angezeigt werden, obwohl wenn ich die Seite aktualisiert würde, aber andere würden verschwinden. Ebenso, wenn ich mit der rechten Maustaste auf das fehlende Bild klicke und "Bild anzeigen" wähle, erscheint es sofort.

Also habe ich ein paar der Demos auf der jQuery Masonry website getestet, und fand das wieder, während unter IE gelegentlich Bilder nicht rendern würde. Dies passiert für mich auf der Infinite Scroll demo, und sogar die Images demo manchmal (die nicht Infinite Scroll verwendet).

Hat jemand anderes dies erfahren, oder eine Lösung kennen? So wie es aussieht, kann ich mein aktuelles Projekt nicht fortsetzen, da es unter IE im Wesentlichen unbrauchbar ist.

BTW - Ich verwende IE9.

+0

OMG ... ich für dich empfinde. –

+0

Was zeigen die Registerkarten Konsole und Netzwerk, wenn Bilder nicht geladen werden können? – Sampson

+0

Die Netzwerkregisterkarte zeigt 'Abgebrochen' als Ergebnis für die Bilder, die nicht geladen werden können, ohne Bildtyp, während diejenigen, die erfolgreich geladen wurden, den Bildtyp image/jpeg und Antwort von 304 haben. – marcusstarnes

Antwort

0

Von weiteren Untersuchungen (Versuch & Fehler), habe ich festgestellt, dass das Problem scheint nur bei Verwendung von Mauerwerk auftreten.

Also jetzt habe ich zu jQuery Wookmark gewechselt, die alle Kästchen für mich ankreuzen, und dies zeigt keine der gleichen Probleme.

0

Die nicht geladenen Bilder sind ein bekanntes Problem in Version 2 des von Masonry verwendeten ImagesLoaded-Skripts. Wenn Sie Ihren Code aktualisieren, um das neueste Skript der Version 3 von imagesLoaded zu verwenden, werden dadurch die IE-Image-Ladeprobleme behoben.

Hinweis müssen Sie explizit die imagesloaded.js Datei direkt nach der Datei, da frühere Versionen von imagesloaded js Mauerwerk laden wurde mit Mauerwerk enthalten, aber es ist nun in der Version 3.

Durch die Einbeziehung der neuesten imagesloaded getrennt worden .js-Datei können Sie die vorhandene Mauerwerksversion beibehalten, da sich einige Optionen und Ereignisse der Version 3 von Mauerwerk geändert haben und möglicherweise nicht mehr wie erwartet funktionieren.

Laden Sie die neueste Version hier: http://desandro.github.io/imagesloaded/