Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] duże zdjęcie jako background-image
Forum PHP.pl > Forum > Przedszkole
eccocce
Hej,
Dodaję na stronie możliwość wyboru tła (duże zdjęcia) strony i zastanawiam się, czy da się wcześniej wczytać wszystkie możliwe obrazki tła? Chodzi mi o to, żeby user nie musiał przez moment oglądać białego tła zanim się obrazek wczyta...

Pozdrawiam
wookieb
google -> javascript preloading images
Sephirus
Najprościej, nieschludnie ale skutecznie smile.gif

[JAVASCRIPT] pobierz, plaintext
  1. var imagesToPreload = new Array('a.jpg','b.jpg','c.jpg');
  2. var images = new Array();
  3.  
  4. for(image in imagesToPreload)
  5. {
  6. var tempImage = new Image();
  7. tempImage.src = image;
  8. images.push(image);
  9. }
[JAVASCRIPT] pobierz, plaintext


Możesz też sprawdzić czy dane obrazki się już załadowały poprzez obiekt_image.complete (true/false) lub poprzez dodanie eventa onLoad do image wink.gif

Albo jeszcze nie ładniej bez java script:

  1. <div style="overflow:hidden; width:0px; height:0px; visibility:hidden">
  2. <img src="a.jpg" alt="a"/>
  3. <img src="b.jpg" alt="a"/>
  4. <img src="c.jpg" alt="a"/>
  5. .....................................
  6. <img src="n.jpg" alt="a"/>
  7. </div>


Ten kod wrzucasz gdzieś na stronę i te obrazki się ładuje na stronie ale ich nie widać wink.gif

HTH!
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.