Avatar billede zorkmontana Nybegynder
21. juli 2004 - 23:23 Der er 13 kommentarer og
1 løsning

Billede load hjemmeside

jeg har et problem med en hjemmesides design.
designet bygger på mange små billeder.
men der er et load problem da den ens browser skal kummunikere med serveren hele tiden bliver selve siden enormt langsom...
er der nogen måde man kan bede browseren om at requeste alle billderene på en gang så den kun sender en stor pakke til serveren istedet for at sende den en efter en...
eller har i et forslag til hvordan man kan gøre den hurtigere.
siden : firedrake.firedrake.lir.dk
Avatar billede roenving Novice
21. juli 2004 - 23:29 #1
Nej !-)

Du kan lokalt ændre dine indstillinger, så den ikke henter billeder hver gang, men ellers ikke !o]
Avatar billede zorkmontana Nybegynder
21. juli 2004 - 23:34 #2
er der så en måde man kan få den til at temperere billederne før de bliver vist frem
Avatar billede roenving Novice
21. juli 2004 - 23:51 #3
temperere ?-)

Du skal optimere dine billeder med et billedbehandlingsprogram, så de kun er så store som det er nødvendigt, for at de bliver vist korrekt (altså fil-størrelse !-)

Men du kan da godt vise noget andet, indtil alle billederne er loadet, men det kan godt blive tricky ...
Avatar billede zorkmontana Nybegynder
22. juli 2004 - 00:10 #4
vel opmærket så fylder mine billeder 20 til 50 bytes så det er ikk deres størrelse der er problemet.

om måden så er trickey... kender du så til en ??
Avatar billede roenving Novice
22. juli 2004 - 00:23 #5
Du skal lægge _hele_ den nuværende html-kode ind i eet stort element, en div med f.eks. et id="sitecontainer" og style="display:none;" ...

Så skal du på _alle_ billeder lægge en onload="loadet();" ind ...

Lægge endnu et element ind på din side (udenfor sitecontaineren !-)

<div id="loading" style="width:200px;width:200px;top:50%;left:50%;margin-top:-100px;margin-left:-100px;text-align:center;"><br><br><h1>Loading ...</h1></div>

-- du kan også lægge en lille animation ind (nemt at finde hos google !-) i stedet for teksten ...

-- og så tilføje et lille script:

<script type="text/javascript">
var pics = 23;//<-- antallet af billeder -- _meget_ vigtigt at du tæller rigtigt !-)
function loadet(){
  pics--;
  if(pics==0){
    document.getElementById('loading').style.display = 'none';
    document.getElementById('sitecontainer').style.display = 'block';
  }
}
</script>

Nemt og elefant ,-)
Avatar billede roenving Novice
22. juli 2004 - 00:23 #6
Hov, undskyld, det skal kun være det, som ligger imellem <body> og </body>, som skal i sitecontaineren !-)
Avatar billede zorkmontana Nybegynder
22. juli 2004 - 00:29 #7
vil jeg lige kigge på det !-)
Avatar billede roenving Novice
22. juli 2004 - 00:33 #8
Ja, det er som skrevet, noget ret tricky noget ...
Avatar billede zorkmontana Nybegynder
22. juli 2004 - 01:16 #9
texten loading... viser sig ikk
Avatar billede roenving Novice
22. juli 2004 - 02:30 #10
Har du lagt loading-diven udenfor sitecontaineren ?-)

<body>
<div id="loading" style="width:200px;width:200px;top:50%;left:50%;margin-top:-100px;margin-left:-100px;text-align:center;"><br><br><h1>Loading ...</h1></div>

<div id="sitecontainer">

<!-- al den html-kode som ellers lå i body -->

</div>

</body>
Avatar billede zorkmontana Nybegynder
23. juli 2004 - 16:56 #11
jep... nu køre det hele som det skal...
Avatar billede roenving Novice
23. juli 2004 - 17:21 #12
Velbekomme '-)
Avatar billede zorkmontana Nybegynder
23. juli 2004 - 17:22 #13
så skulle du kunne se en point "increase"
Avatar billede roenving Novice
23. juli 2004 - 17:32 #14
Mange tak for point ;~}
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
Kurser inden for grundlæggende programmering

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