Tech, Code, Gadgets, BBQ & More

Lazy 0.1.15 erschienen

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. :)

Share: