Seit heute liegt auf GitHub die Version 0.1.15 von jQuery.Lazy(); bereit. Die Idee bzw. der Tipp eines Nutzers, welcher mich zu dem Update bewegte, war gar nicht mal schlecht. Ein Punkt der mir vorher nicht in den Kopf kam: Was ist mit Bildern in Containern?
Gute Frage!
Normalerweise werden Bildern bei Lazy während des Scroll
-Events geladen. Das betrifft immer die gesamte Seite, da das Plugin window
verwendet, um auf Aktionen zu warten. Bilder die aber in einem Tag mit z.B. overflow: auto;
lagern werden dann auch geladen, obwohl gar nicht nötig.
$('img').lazy({
appendScroll: $('div#container');
});
Hier kommt die neue Konfiguration appendScroll
von Lazy zum Einsatz. Wird hier ein Element angegeben so ist der Event-Listener nur noch darauf gerichtet. So lassen sich nicht nur Bilder speziell in einem Container laden lassen, sondern auch mehrere Lazy-Instanzen auf verschiedene Scroll-Events legen. Theoretisch gibt es hiermit viele Anwendungsmöglichkeiten, bin gespannt wann ich eine für mich finde. :)
Kommentare 0