Jak dynamicky (nebo líně) načítat obrázky, když je uživatelé posunou do zobrazení

Všiml jsem si toho na mnoha „moderních“ webech (např. facebook a vyhledávání obrázků na Googlu), kde se obrázky pod okrajem načítají pouze tehdy, když uživatel posouvá stránku dolů natolik, aby se dostal do viditelné oblasti zobrazované oblasti (po zobrazení zdroje, stránka ukazuje X číslo <img> tagy, ale nejsou ze serveru načteny hned ). Jak se tato technika nazývá, jak funguje a v kolika prohlížečích funguje. A existuje plugin jQuery, který dokáže tohoto chování dosáhnout s minimálním kódováním.

Upravit

Bonus:může někdo vysvětlit, zda existuje událost „onScrolledIntoView“ nebo podobná událost pro prvky HTML. Pokud ne, jak tyto pluginy fungují?

Odpověď

Některé z odpovědí zde jsou pro nekonečnou stránku. Salman žádá o líné načítání obrázků.

Plugin

Demo

EDIT:Jak tyto pluginy fungují?

Toto je zjednodušené vysvětlení:

  1. Najděte velikost okna a najděte polohu všech obrázků a jejich velikosti
  2. Pokud obrázek není v rámci velikosti okna, nahraďte jej zástupným symbolem stejné velikosti
  3. Když uživatel posouvá dolů a poloha obrázku