LazyLoad-Bilder erscheinen erst nach einem Bildlauf

7

Ich verwende das Lazyload-Plugin für jQuery.

Es funktioniert gut, bis auf ein Problem: Die Bilder src wird nicht für das Daten-Original ausgetauscht, bis Sie scrollen. Sobald Sie scrollen, sogar ein bisschen, laden die Bilder - aber ich brauche sie zu laden, wenn die Seite fertig ist.

Hinweis: Dies ist ein reines Chrome / Safari-Problem. Ich habe dieses Problem nicht in Firefox oder Opera oder sogar IE9.

Ich habe versucht, dem Vorschlag dieses Beitrags zu folgen: Ссылка Die besagt, dass die grundlegende jQuery-Bibliothek die Funktionen des verzögerten Ladens ohne ein Plugin benötigt. Dies schien nicht so zu sein, da die Bilder bei der ersten Seite geladen wurden.

Alle Einsichten werden sehr geschätzt!

    
user1380540 23.11.2012, 20:52
quelle

9 Antworten

4

Mein eigenes Problem wurde gelöst: Sie MÜSSEN eine Höhe und eine Breite auf dem Bild einstellen!

    
user1380540 23.11.2012, 21:07
quelle
14

Ihre Bilder haben höchstwahrscheinlich keine Breite und Höhe. Webkit-Browser sehen Bilder in document.ready mit der Breite und Höhe null. Dies bedeutet, dass jQuery die Bilder als unsichtbar betrachtet. Lazy Load ignoriert standardmäßig unsichtbare Bilder. Sie haben drei Möglichkeiten.

  1. Fix HTML, um die Attribute width und height auf Bildern zu haben.
  2. Setzen Sie skip_invisible auf false .
  3. Verwenden Sie atleast Version 1.8.3 des Plugins.
Mika Tuupola 23.12.2012 10:48
quelle
6
%Vor%

Hat mir in meinem Fall geholfen.

    
Cullen SUN 18.06.2013 14:15
quelle
3

Versuchen Sie Folgendes:

%Vor%     
Konstantin Lekh 16.01.2014 00:04
quelle
3

Ich hatte ein ähnliches Problem. Die Schwellwert-Option hat es für mich gelöst:

%Vor%     
theisof 01.05.2014 08:33
quelle
0

Sie könnten ein scroll-Ereignis nachahmen / auslösen, um den Effekt beim Seitenladen auszulösen: Ссылка

    
Martin Lyne 23.11.2012 20:56
quelle
0

Für mich war das Problem, dass ich $('img.lazy').lazyload() in ready

aufgerufen habe

Stellen Sie stattdessen load ein.

%Vor%     
Philip 18.12.2015 14:43
quelle
0

Ich habe das lazy loading jquery plugin benutzt, aber das Laden macht ein Problem. (IE.) Es ist weicher in Crome Browser. Aber leider funktioniert es im mozilla fire fox nicht richtig. Ich bekomme diese Benachrichtigung von mozilla fire fox (Ein Skript auf dieser Seite ist möglicherweise beschäftigt oder reagiert möglicherweise nicht mehr. Sie können das Skript jetzt anhalten, das Skript im Debugger öffnen oder das Skript fortsetzen.). Also antworten Sie einfach auf eine bessere Idee, um diesen Fehler zu vermeiden.

    
Amos Crist 19.05.2016 06:48
quelle
0

Ich hatte das gleiche Problem.

So gelöst:

  

Ersetzen Sie einfach die "faule" Klasse von den ersten Bildern auf der Seite.

; -)

    
Victor Z 15.01.2017 21:19
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Dropdown-Liste DataSource