Új hozzászólás Aktív témák

• Taci addikt

  #8230

  #8228 Jim-Y

  2021-03-03 20:46:07

  Új Válasz

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  

  Taci

  addikt

  #8228 Jim-Y

  #8228 Jim-Y

  Elso lehetoseg, `defer` tag https://betterprogramming.pub/improve-page-load-performance-with-these-different-script-loading-techniques-b0d912eae7b1

  Masodik lehetoseg, window load event https://developer.mozilla.org/en-US/docs/Web/API/Window/load_event

  Ha már feljött a window load event témája:

  Az oldalamon infinite scroll-lal töltöm be a tartalmat. Egyetlen egy oldal, ahol görgetéssel jön az újabb és újabb tartalom.
  Amikor betölt az oldal, ott meg tudom jeleníteni a töltő ikont addig, amíg az oldal teljesen be nem tölt.
  document.readyState === "complete" vagy akár a window.onload is. (A logból és a leírásból látom, hogy a window.onload adja a pontosabb állapotot, de ez mindegy is most.)

  document.onreadystatechange = function() { 
    if (document.readyState !== "complete") { 
        spinnerShowHideToggle("spinnerShow");
    } else { 
        spinnerShowHideToggle("spinnerHide");
    } 
};

  A gondom az, hogy mivel ugye az oldal maga már betöltött, ezért ahogy folyamatosan fűzöm hozzá az újabb és újabb tartalmakat, az már nem számít bele az oldal betöltésébe, így a fentieket egyáltalán nem triggereli.

  Hogyan tudom az így pluszban hozzá fűzött tartalmaknál is megjeleníteni a töltő ikont addig, amíg az elemekhez tartozó képeket be nem tölti teljesen?

  Van egy sablon html feed_item, azt tölti fel a szükséges adatokkal minden új elemnél újra és újra. Ezeket az img tageket kellene valahogy figyelnem? Vagy mi ennek a jó módja?
  Vagy van valami event, amit lehetne figyelni?

  Köszi!

Új hozzászólás Aktív témák