[placebo_]

Dodałem do grafik atrybut loading="lazy". W jak sposób mogę uchwycić moment, w którym obrazek staje się widoczny? Próbowałem zdarzeniem onload, ale ono uruchamia się tuż po załadowaniu się strony, a nie w momencie, kiedy chcę wyświetlić obraz. Może używam go w niewłaściwy sposób? #javascript #html #ui #ux

[lobo]

@placebo_: Co rozumiesz przez widoczny obrazek? Czy kiedy się załadował czy kiedy użytkownik przewinął do miejsca w którym się znajduje

[placebo_]

@lobo: jak przwinął. Wtedy na moment jest niewidoczny i po chwili się pojawia na ekranie. Chcę wiedzieć jak wykryć moment pojawienia się.

[lobo]

@placebo_: Ale pojawienia się czego jak obrazek się wczyta do pamięci?

[lobo]

@placebo_: https://jsfiddle.net/c64zfj5d/

[lobo]

@placebo_: https://jsfiddle.net/u0bj7v23/ tu masz nieco lepiej bo przy pierwszym przykładzie za pierwszym załadowaniem obrazek jest w viewport przez ułamek sekundy i idzie trigger ściągania

[placebo_]

@lobo: dzięki, chyba już ogarniam

[ujdzie]

@placebo_: w kwestii formalnej to te przykłady od lobo nie działają ;)

https://jsfiddle.net/ku2a84xs/