Sprawdzenie gotowości obrazów

Question

Witam, w jaki sposób za pomocą JS, Jquery sprawdzić czy dany obraz jest załadowany i gdy jest załadowany wykonać przykładową funkcję start();?

obraz jest testowo umieszczony w divie o id "element"

 

2. jak to samo zrobić gdy wszystkie obrazy z wybranych divów się załadują?

Answer 1

Polecam skorzystać ze skryptu typu https://imagesloaded.desandro.com/ – robienie tego ręcznie jest bardzo podatne na błędy.

Answer 2

https://developer.mozilla.org/pl/docs/Web/API/Window/onload

https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/image.onload

jQuery:

https://api.jquery.com/ready/

Comments

A istnieje możliwość sprawdzenia tego samego dla jednego elementu? czy tylko on został zaadowany.

---

Nie wiem dokładnie, ale możliwe, że musisz nadać obrazkowi klasę i w JS dać:

klasa.onload = function () {
    //do something
}