[JavaScript] Preloader - proszę o pomoc, [JavaScript] Preloader - proszę o pomoc Opcje

[-xavi_sof-]

Witam,

Kod

$(document).ready(function(){

    //Preloader images

    var preloadImages = ['../img/1.jpg',
                         '../img/2.jpg',
                         '../img/3.jpg'];

    var imgs = [];
    for(var i=0; i<preloadImages.length; i++){
        imgs[i] = new Image();
        imgs[i].src = preloadImages[i];
    }



});

Mam pytanie odnośnie preloadera. Dlaczego przeglądarka nie pobiera tych 3 obrazków po wejściu na strone? Po prostu uruchamia się strona i pasek ładowania wskazuje od razu 100% pobrania... Czy przeglądarka nie powinna stworzyć nowych obiektów "Image" i pobrać te obrazki aby być gotowa to wyświetlenia w razie potrzeby?

Proszę o wyjaśnienie

[timon27]

Niekoniecznie.
Kod wykonuje się o wiele szybciej niż wczytują obrazki.
Jeśli chcesz aby wczytały się wszystkie skorzystaj z onload

Ten post edytował timon27 22.06.2014, 21:43:43

[-xavi_sof-]

Niekoniecznie.
Kod wykonuje się o wiele szybciej niż wczytują obrazki.
Jeśli chcesz aby wczytały się wszystkie skorzystaj z onload

Czyli w książce jest błąd?

"Aby uniknąć opóźnienia, można wstepnie pobrać wszystkie rysunki wyświetlane w odpowiedzi na zdarzenia. Na przykład kiedy użytkownik umieści kursor myszy nad przyckiskiem w pasku nawigacyjnym, efekt zastępowania powinien działać błyskawicznie. Wstępne pobieranie (preloader) oznacza nakazanie przeglądarce wczytania obrazka zanim skrypt będzie chciał go wyświetlić. Pobrany plik zostanie zapisany w pamięci podręcznej przeglądarki"

"Wstępne wczytywanie wymaga utworzenia nowego obiektu rysunku i ustawienia jego właściwości src"

Kod

var newPhoto = new Image();
newPhoto.src = 'img/1.jpg';

Nie rozumiem więc. Książka - błąd, powinienem użyć onLoad() po prostu?