Avatar billede lazlowdk Nybegynder
06. december 2004 - 17:47 Der er 3 kommentarer

Load før enter.

På min hjemmeside bruger jeg et script der loader hjemmesidens design før folk kommer ind på den. det ser således ud:

<html>
<title>The Skull - Loading...</title>
<link rel="stylesheet" type="text/css" href="index.css" media="screen">
<head>
<script>
side = "http://www.deadgiraf.dk/theskull/"; //Siden, man kommer til, efter billederne er loadet.

bill = new Array("http://www.deadgiraf.dk/theskull/theskull.JPG",
"http://www.deadgiraf.dk/theskull/lina.jpg",
"http://www.deadgiraf.dk/theskull/back2.jpg",
"http://www.deadgiraf.dk/theskull/back.jpg",
"http://www.deadgiraf.dk/theskull/bg2.jpg",
"http://www.deadgiraf.dk/theskull/bg.jpg",
"http://www.deadgiraf.dk/theskull/menubg.jpg",
"http://www.deadgiraf.dk/theskull/loadlang.jpg",
"http://www.deadgiraf.dk/theskull/head.jpg",
"http://www.deadgiraf.dk/theskull/head2.jpg",
"http://www.deadgiraf.dk/theskull/head3.jpg",
"http://www.deadgiraf.dk/theskull/head4.jpg",
"http://www.deadgiraf.dk/theskull/head5.jpg",
"http://www.deadgiraf.dk/theskull/site1.jpg",
"http://www.deadgiraf.dk/theskull/site2.jpg",
"http://www.deadgiraf.dk/theskull/frame.jpg",
"http://www.deadgiraf.dk/theskull/forige.jpg",
"http://www.deadgiraf.dk/theskull/logerror.jpg",
"http://www.deadgiraf.dk/theskull/mainbg.jpg",
"http://www.deadgiraf.dk/theskull/naeste.jpg" ); //Billederne. Listen kan sagtens forstørres/formindskes.

i = -1;
tbts = 0;

function preload(img) {
  if (++i != 0) {
    tbts += Math.round(img.fileSize / 1024);
    document.all.kbts.innerHTML = tbts;
  }
  if (i >= bill.length)
    self.location.href = side;
  else
    img.src = bill[i];
}
</script>
</head>
<body bgcolor="black" style="margin: 0px;">
<table width="100%" height="100%">
<tr>
<td align="center" class="nyhed">
<span style="color: red; font-size: 20px;">
Loading The Skull...<br><br>
<span id="kbts">0</span> kBs loaded</span>
</td>
</tr>
</table>
<img src="" name="pimg" style="display: none;" onLoad="preload(this);" />
<script>
preload(document.images["pimg"]);
</script>
</body>
</html>

MEn problemet er at den viser hvor mange kb den loader og jeg vil gerne have den i procent så folk har en fornemmelse af hvor langt der er til siden er loadet.....
Avatar billede olebole Juniormester
06. december 2004 - 22:08 #1
<ole>

Der har du fået fat i den _helt_ forkerte ende  ;o)

Det eneste problem, du har, er, at du ikke komprimerer dine billeder. Det, der hedder 'theskull.jpg' fylder således over 125 Kb - hvilket er totalt urealistisk.
Jeg prøvede lige at hente det ind i ImageReady og fik det ned på 25 Kb i løbet af et snuptag - og uden forringelser, der bemærkes.

Drop din preloader (der er ikke noget mere dødsygt at kikke på) - og komrimer så din grafik. Så har du ikke problemer længere  :)

/mvh
</bole>
Avatar billede lazlowdk Nybegynder
06. december 2004 - 23:19 #2
problemet er at når du komprimerer billederne så minsker du antallet af mulige neuancer og dermed dets skarphed... hvilket ødelægger billederne når det drejer sig om små fine "korn" som det gør på mine... men jeg prøver... men er stadig interesiert i et svar... for svarets skyld....

hvis der bare er nogen der kan hitte ud hvordan man får den smalede størelse af alle filerne.....
Avatar billede olebole Juniormester
06. december 2004 - 23:44 #3
Jaja, det gælder for al grafik på WWW - men skal man vise små, fine korn, bør man nok vælge et andet medium. Det er nettet ikke egnet til - og du er den eneste på kloden, der er interesseret i dine små, fine korn  ;o)

Hvad det andet angår, skal et billede være loaded, før du kan aftaste dets størrelse - så det er der ingen mulighed for
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