-
Path: news-archive.icm.edu.pl!agh.edu.pl!news.agh.edu.pl!news.cyf-kr.edu.pl!news.nask
.pl!news.nask.org.pl!news.unit0.net!feeder.erje.net!us.feeder.erje.net!usenet.b
lueworldhosting.com!feeder01.blueworldhosting.com!nntpswitch.blueworldhosting.c
om!not-for-mail
Date: Wed, 11 Jun 2014 23:39:55 +0200
From: Cezary Tomczyk <c...@g...com>
User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:24.0) Gecko/20100101
Thunderbird/24.5.0
MIME-Version: 1.0
Newsgroups: pl.comp.www
Subject: Re: JS - jak kontrolować załadowanie się contentu?
References: <ln9fef$l89$1@node1.news.atman.pl>
In-Reply-To: <ln9fef$l89$1@node1.news.atman.pl>
Content-Type: text/plain; charset=UTF-8; format=flowed
Content-Transfer-Encoding: 8bit
Message-ID: <9e462$5398ccaf$6def49ce$30487@nntpswitch.blueworldhosting.com>
X-Complaints-To: a...@b...com
Organization: BWH Usenet NNTPSwitch-Cluster
Lines: 48
NNTP-Posting-Date: Wed, 11 Jun 2014 16:39:59 -0500
X-Trace: 9e4625398ccafc84aec6b30487
Xref: news-archive.icm.edu.pl pl.comp.www:402728
[ ukryj 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-04 Warszawa => Architekt rozwiązań (doświadczenie w obszarze Java, AWS
- 2024-12-04 Czy policjantów należy ROZBROIĆ?
- 2024-12-03 Tymoteusz Sz.
- 2024-12-03 Re: Prezydent ułaskawia: Prezydent USA Biden (D) ułaskawia syna własnego
- 2024-12-03 Re: Tani dodatkowy sim do smartwacha
- 2024-12-03 Wróblewo => Analityk finansowy <=
- 2024-12-03 Praktyczny test GPS...
- 2024-12-02 Tak się sprzedają elektryczne woldzwageny ;-)
- 2024-12-02 Akumulator do Hyundai
- 2024-12-02 Olsztyn => Sales Specialist <=
- 2024-12-02 Poznań => Technical Artist <=
- 2024-12-02 Bieruń => Regionalny Kierownik Sprzedaży (OZE) <=
- 2024-12-02 Kraków => Business Development Manager - Dział Sieci i Bezpieczeńst
- 2024-12-02 Chrzanów => Team Lead / Tribe Lead FrontEnd <=
- 2024-12-02 Białystok => Delphi Programmer <=