-
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
- 2024-12-12 Warszawa => Administrator Bezpieczeństwa IT <=
- 2024-12-12 Ostrów Wielkopolski => Trener zespołu sprzedaży Call Center <=
- 2024-12-12 Kraków => Key Account Manager <=
- 2024-12-11 SEP 1 kV E
- 2024-12-11 DNS restrictions are on
- 2024-12-11 wielkie bu
- 2024-12-11 Białystok => Inżynier bezpieczeństwa aplikacji <=
- 2024-12-11 Aku LiPo źródło dostaw - ktoś poleci ?
- 2024-12-11 Warszawa => Specjalista Bezpieczeństwa Informacji <=
- 2024-12-11 Wrocław => Application Security Engineer <=
- 2024-12-11 Warszawa => Analyst in the Trade Development department (experience wi
- 2024-12-11 Lublin => Programista Delphi <=
- 2024-12-11 Motodziennik #305 Nowy ELEKTRYK za 350 złotych miesięcznie? Kreatywne kredytowanie problemów
- 2024-12-11 Warszawa => Spedytor Międzynarodowy <=
- 2024-12-11 Katowice => Key Account Manager (ERP) <=