Avatar billede jens426 Nybegynder
01. marts 2010 - 18:06 Der er 1 løsning

Preloading Images

jeg har følgende kode

spørgsmålet er, preloader den virkelig billeder, fordi når jeg kigger på imageRollover og imageRolloverout funktioner så det eneste den gør er at ændre distination adressen på billederne

img.src = "billeder/x.jpg";

eller skal det tolkes sådan at fordi at billeder allerede er oprette med den sti så vil den ikke følge stien, men vælge det allerede oprettede billed med samme sti.

p.s lad være med at skrive kommentar, marker det som svar, jeg hader udestående point.

<HTML>
<HEAD>
 
<script type="text/javascript">
var IMAGE_PATHS = [];

IMAGE_PATHS[0] = "billeder/tom.jpg";
IMAGE_PATHS[1] = "billeder/x.jpg";


var IMAGE_CACHE = [];

for (var i=0; i<IMAGE_PATHS.length; i++) {
IMAGE_CACHE[i] = new Image();
IMAGE_CACHE[i].src = IMAGE_PATHS[i];
}


function imageRollover(img) {
img.src = "billeder/x.jpg";
}


function imageRolloverout(img) {
img.src = "billeder/tom.jpg";

}

</script>

</head>
<body>
<img name="Banner" id="q" src="billeder/tom.jpg" border="0"  onmouseover="imageRollover(this);" onmouseout="imageRolloverout(this);">
</body>
</html>
Avatar billede intenz Novice
01. marts 2010 - 21:20 #1
Billederne bliver ikke preloaded i din rollover funktion, da den (som du selv skriver) bare ændrer stien til dine billeder. Og browseren vil så hente billedet i det øjeblik hvor stien ændres.

Men den kode du har her

IMAGE_PATHS[0] = "billeder/tom.jpg";
IMAGE_PATHS[1] = "billeder/x.jpg";

var IMAGE_CACHE = [];

for (var i=0; i<IMAGE_PATHS.length; i++) {
IMAGE_CACHE[i] = new Image();
IMAGE_CACHE[i].src = IMAGE_PATHS[i];
}

preloader billederne du har defineret i IMAGE_PATHS. Den opretter billderne i hukommelsen hvor den så bliver hentet af browseren.
Når din rollover funktion så bliver kørt senere, findes billederne allerede i hukommelsen/cachen og browseren behøver derfor ikke at hente dem igen.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester