eGospodarka.pl
eGospodarka.pl poleca

eGospodarka.plGrupypl.comp.wwwJS - jak kontrolować załadowanie się contentu?Re: JS - jak kontrolować załadowanie się contentu?
  • 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/

Podziel się

Poleć ten post znajomemu poleć

Wydrukuj ten post drukuj


Następne wpisy z tego wątku

Najnowsze wątki z tej grupy


Najnowsze wątki

Szukaj w grupach

Eksperci egospodarka.pl

1 1 1

Wpisz nazwę miasta, dla którego chcesz znaleźć jednostkę ZUS.

Wzory dokumentów

Bezpłatne wzory dokumentów i formularzy.
Wyszukaj i pobierz za darmo: