wachten tot ALLES is geladen (backgrounds)
Tom aan t Goor
17/07/2013 11:36:00Hoi,
Omdat mijn website er niet uitziet als niet alle background images zijn geladen, wil ik dat hij voor die tijd nog niet zichtbaar is. (Alert geven als alles geladen is mag ook)
Nu moet het werken voor alle background-images in mijn externe stylesheet.
Ik heb al wel wat dingen kunnen vinden, maar dan moet je per div/class een nieuwe regel javascript toevoegen.
Weet iemand een andere manier hoe dit makkelijk te doen is?
Omdat mijn website er niet uitziet als niet alle background images zijn geladen, wil ik dat hij voor die tijd nog niet zichtbaar is. (Alert geven als alles geladen is mag ook)
Nu moet het werken voor alle background-images in mijn externe stylesheet.
Ik heb al wel wat dingen kunnen vinden, maar dan moet je per div/class een nieuwe regel javascript toevoegen.
Weet iemand een andere manier hoe dit makkelijk te doen is?
PHP hulp
20/04/2024 14:23:37TJVB tvb
17/07/2013 11:53:09Om hoeveel afbeeldingen gaat het dan?
Want als het heel lang duurt moet je denk ik dat aanpakken en niet je website verbergen. Want dan zijn je bezoekers al weg voordat die helemaal geladen is.
Want als het heel lang duurt moet je denk ik dat aanpakken en niet je website verbergen. Want dan zijn je bezoekers al weg voordat die helemaal geladen is.
Tom aan t Goor
17/07/2013 11:58:23Het gaat om 20 plaatjes, met in totaal een grote van 120kB
Gewijzigd op 17/07/2013 11:58:37 door Tom aan t Goor
Erwin H
17/07/2013 12:10:17Misschien die in 1 sprite verpakken zodat je in elk geval het aantal http requests aanzienlijk vermindert?
Tom aan t Goor
17/07/2013 12:28:52Dat zou wel kunnen, maar dan zou het betekenen dat ik die dan in stukken moet snijden en dan alsnog via een css bestand die 'stukken' moet gebruiken. En hoe dat moet weet ik niet, daar moet ik eerst naar kijken.
Erwin H
17/07/2013 16:04:18Hier is een (wat mij betreft) goede uitleg over sprites. Waarom je ze zou willen gebruiken en hoe:
http://css-tricks.com/css-sprites/
http://css-tricks.com/css-sprites/