Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript] Preloader - proszę o pomoc, [JavaScript] Preloader - proszę o pomoc
-xavi_sof-
post
Post #1





Goście
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
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
markuz
post
Post #2





Grupa: Zarejestrowani
Postów: 1 240
Pomógł: 278
Dołączył: 11.03.2008

Ostrzeżenie: (0%)
----- 

[JAVASCRIPT] pobierz, plaintext 
  1. var image = new Image(); // Wstępne wczytywanie
  2. image.src = 'img/1.jpg'; // Wstępne wczytywanie
  3. image.onload = function() { // Właściwe wczytanie obrazka
  4.      // teraz zwiększasz postęp paska i wczytujesz następne zdjęcie.
  5.      // użyj do tego rekurencji
  6.      // do obrazka się możesz odnieść za pomocą this 
  7.      console.log(this);
  8. }
[JAVASCRIPT] pobierz, plaintext


Ten post edytował markuz 23.06.2014, 09:02:49
Go to the top of the page
+Quote Post
-xavi_sof-
post
Post #3





Goście
Cytat(markuz @ 23.06.2014, 09:55:13 ) *
[JAVASCRIPT] pobierz, plaintext 
  1. var image = new Image(); // Wstępne wczytywanie
  2. image.src = 'img/1.jpg'; // Wstępne wczytywanie
  3. image.onload = function() { // Właściwe wczytanie obrazka
  4.      // teraz zwiększasz postęp paska i wczytujesz następne zdjęcie.
  5.      // użyj do tego rekurencji
  6.      // do obrazka się możesz odnieść za pomocą this 
  7.      console.log(this);
  8. }
[JAVASCRIPT] pobierz, plaintext



Dziękuje,

czym się różni "Wstępne wczytywanie" od .onLoad ? new image() to tylko informacja dla przeglądarki że będzie miała doczynienia z obrazkiem, to wszystko? To coś takiego jak <!doctype html> w html ?
Go to the top of the page
+Quote Post

Posty w temacie
- xavi_sof   [JavaScript] Preloader - proszę o pomoc   22.06.2014, 21:20:25
- - timon27   Niekoniecznie. Kod wykonuje się o wiele szybciej ...   22.06.2014, 21:43:15
|- - xavi_sof   Cytat(timon27 @ 22.06.2014, 22:43:15 ...   22.06.2014, 21:51:37
- - markuz   [JAVASCRIPT] pobierz, plaintext var image = new Im...   23.06.2014, 08:55:13
|- - xavi_sof   Cytat(markuz @ 23.06.2014, 09:55:13 )...   23.06.2014, 10:09:37
- - markuz   1. onLoad !== onload 2. "Wstępne wczytyw...   23.06.2014, 10:25:56

« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 27.12.2025 - 17:04
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn