10 svar · 279 visningar · startad av Jesper T
Hur skulle jag med js kunna ladda in sidans bilder och sedan köra ett litet "lagerscript".
I nuläget så ser det ut som kakka om inte alla bilder är inladdade.
var images = ["foo.png", "bar.png", "faa.png"];
for (var i = 0; i < images.length; i++) (new Image()).src = images[i];
<script type="text/javascript">
window.onload = function() {
preloadImages("a.gif", "b.gif", "c.gif");
};
function preloadImages() {
for (var i = 0; i < arguments.length; i++)
document.createElement("img").src = arguments[i];
}
</script>
Tack, och vad innebär detta i praktiken?
Image-objektet används för att tvinga webbläsaren att ladda ned de specificerade bilderna till webbläsarens cache. Således hämtas dessa snabbare nästa gång de efterfrågas.
Var kan man slänga in en alert("Bilderna är laddade")?
Tack, men det är för mycket kraffs.
Jag vill bara köra ett litet script(gömma ett lager) när bilderna är laddade.
Antingen så laddar du bilderna innan eller så gör du inte det, så vad snackar du om?
Är nu = fel: Även fast bilderna inte är helt laddade i cachen så fösvinner lagret som skall försvinna när alla bilderna är laddade.
Skall vara = rätt: När alla bilderna är helt laddade i cachen så försvinner lagret.
Skall jag vara mer tydlig eller är jag helt puckad?
Du kan haka på ett onload-event på alla bilder du laddar via scriptet, men jag tror vanlig html är enklare;
<div style="position:absolute;visibility:hidden;">
<img ...>
<img ...>
</div>
...
window.onload=function(){
// do something.
}