Wie man den Bildeinblendungseffekt beim Scrollen macht (wie mashable.com)

8

Ich wundere mich über den Einblendeffekt für Bilder auf mashable.com (siehe Ссылка zum Beispiel)

Wenn Sie zum Bild blättern, wird es eingeblendet. Es wird nicht beim Laden der Seite eingeblendet, sondern nur bei der tatsächlichen Darstellung des Objekts auf dem Bildschirm.

Danke.

    
Mahmoud Al-Qudsi 01.05.2010, 16:57
quelle

5 Antworten

9

Es wird mit dem jQuery-Plugin Lazy Load erreicht.

EDIT: Hier ist der Code, den sie verwendet haben:

%Vor%     
Vincent 01.05.2010, 17:09
quelle
1

Die mootools-Version von Ссылка

wurde gefunden     
RRG 11.05.2010 12:01
quelle
1

Leider funktioniert das Lazy-Load-Plugin in den meisten aktuellen Browsern nicht, laut dem eigenen Autor auf der offiziellen Website .

Aber das jQuery Appear-Plugin macht fast dasselbe! ; -)

    
Tárcio Zemel 31.08.2011 17:36
quelle
1

Es gibt auch eine jQuery-Version von lazyload .

    
murrydan 04.01.2011 23:33
quelle
0

Eine YUI-Version ist ebenfalls verfügbar. In der Tat wurde Lazy Load von ihm inspiriert.

    
Drew Noakes 05.09.2010 19:02
quelle

Tags und Links