[CSS] duże zdjęcie jako background-image, da się jakoś wczytać wcześniej? Opcje

[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 (IMG:style_emoticons/default/smile.gif)

[JAVASCRIPT] pobierz, plaintext 
var imagesToPreload = new Array('a.jpg','b.jpg','c.jpg');
var images = new Array();
 
for(image in imagesToPreload)
{
       var tempImage = new Image();
       tempImage.src = image;
       images.push(image);
}
[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 (IMG:style_emoticons/default/wink.gif)

Albo jeszcze nie ładniej bez java script:

[HTML] pobierz, plaintext 
<div style="overflow:hidden; width:0px; height:0px; visibility:hidden">
        <img src="a.jpg" alt="a"/>
        <img src="b.jpg" alt="a"/>
        <img src="c.jpg" alt="a"/>
        .....................................
        <img src="n.jpg" alt="a"/>
</div>
[HTML] pobierz, plaintext 

Ten kod wrzucasz gdzieś na stronę i te obrazki się ładuje na stronie ale ich nie widać (IMG:style_emoticons/default/wink.gif)

HTH!

Ten post edytował Sephirus 18.10.2011, 12:07:14