-
Data: 2014-06-11 23:39:55
Temat: Re: JS - jak kontrolować załadowanie się contentu?
Od: Cezary Tomczyk <c...@g...com> szukaj wiadomości tego autora
[ pokaż wszystkie nagłówki ]W dniu 2014-06-11 13:43, Marek pisze:
> Witam,
>
> Mamy stronę HTML. Ładuje się ona i na koniec odpalane jest zdarzenie
> onLoad. Teraz zaczyna działać JS, który powiedzmy ładuje jeszcze ze 3
> obrazki osadzając dynamicznie <img> w treści strony. Czy znów onLoad w
> takim przypadku uruchomi się? Jeśli nie, to jak wykryć kiedy wszystkie
> obrazki zostaną załadowane przez przeglądarkę aby móc pobrać np. nowy
> rozmiar pikselowy strony WWW?
window.onload jest wywoływany:
"
[...] at the end of the document loading process. At this point, all of
the objects in the document are in the DOM, and all the images, scripts,
links and sub-frames have finished loading.
"
Źródło:
https://developer.mozilla.org/en-US/docs/Web/API/Glo
balEventHandlers.onload
Jak już załadujesz stronę to możesz przykładowo tak załadować 3 obrazki
i wywołać na końcu funkcję callback:
(Przykład, niekoniecznie zoptymalizowany!)
var iloscObrazkow = 0;
function update() {
iloscObrazków += 1;
if (iloscObrazków === 3) { // przykladowo gdy 3 obrazki chcemy
załadować
callback(); // wywołanie funkcji gdy wszystkie 3 obrazki są
załadowane
}
}
function loadImg(url) {
var img = document.createElement('img');
img.onload = function () {
update();
};
img.src = url;
}
--
Cezary Tomczyk
http://www.ctomczyk.pl/
Następne wpisy z tego wątku
- 12.06.14 00:15 Marek
- 13.06.14 08:29 Cezary Tomczyk
- 13.06.14 09:04 Marek
- 13.06.14 14:47 Borys Pogoreło
- 13.06.14 15:59 Cezary Tomczyk
- 14.06.14 15:18 Marek
- 14.06.14 15:28 Marek
- 14.06.14 20:11 Cezary Tomczyk
- 15.06.14 11:17 Marek
- 15.06.14 14:28 Cezary Tomczyk
- 15.06.14 20:29 Marek
Najnowsze wątki z tej grupy
- Jakie znacie działające serwery grup dyskusyjnych?
- is it live this group at news.icm.edu.pl
- php, linki z nazwami a $_GET, SEO
- www polityka pl captcha
- dyktatura brudnego palucha
- www.znanylekarz.pl
- Czy pytanie o sczytywanie stron programami/skryptami to tu?
- Grupy webdevowe
- Jak wydrukować stronę?
- IIS, kilka witryn
- linki <a href="/strona.php"> (ze slashami)
- co rozszerza stronę??
- responsywny akapit <p>
- Czy istnieje jakiś emulator przeglądarek pod Mac'a?
- taka sama konfiguracja dla localhost i produkcji
Najnowsze wątki
- 2025-03-19 Brak ograniczeń dla chińskiego kapitału - wam nie do rządu, tylko na zmywak do chińskiej knajpy!!!
- 2025-03-19 Wietnam wykłada 500M$ i chce zbudować fabrykę za 50G$
- 2025-03-19 szal-Unia == federacja policyjna
- 2025-03-19 Polsza == państwo policyjne
- 2025-03-19 Grzegorz Płaczek o programie szczepień dzieci. ,,Stworzono eldorado dla firm farmaceutycznych"
- 2025-03-19 Wietnam wykłada 500M$ i chce zbudować fabrykę za 50G$
- 2025-03-19 Gemini
- 2025-03-19 Mokry sen Zenka :)
- 2025-03-19 Re: Dlaczego tak odstają od Tesli?
- 2025-03-19 Czy grupa p.s.prawo przetrwa najbliższe wybory (prezydenta)?
- 2025-03-19 Warszawa => Frontend Developer (obszar Angular13+) <=
- 2025-03-19 Czy "niedopuszczony pełnomocnik" jest w prawie się na to skarżyć jak "świadek" zmarła bez zostawienia mu takiej instrukcji?
- 2025-03-19 Kraków => Business Development Manager - Network and Network Security
- 2025-03-19 Ostrów Świętokrzy => Node.js / Fullstack Developer <=
- 2025-03-19 Kraków => IT Expert (Network Systems area) <=