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

Über den Autor

Daniel Kern (eisbehr)

Entwickler, Bastler, Technikenthusiast, Gamer und Nerd ...

Ich interessiere mich für viele unterschiedliche Dinge rund um Technik, Gadgets und Programmierung. Unabhängig davon welcher Hersteller, Systeme oder eingesetzte Techniken schaue ich mir alles an und nehme es auseinander. In meiner Freizeit entwickle ich zudem verschiedene Open-Source Projekte oder arbeite an anderen mit. Das Meiste davon ist auch auf dieser Seite zu finden.