Avatar billede janny Nybegynder
01. december 2002 - 12:57 Der er 5 kommentarer og
1 løsning

Preload af billeder i menu?

Hej

Hvorfor bliver billederne i denne menu ikke preloadet ( tilsyneladende hentes de fra serveren hvergang) ?

Link til siden: http://www.kedrissos.dk/demo/index.html

Koden:

<HTML>
<HEAD>
  <TITLE>menu</TITLE>
    <SCRIPT LANGUAGE=JAVASCRIPT>
    <!--skjuler scriptet for ældre browsere


    if(document.images){
      start1=new Image
      start2=new Image
     
      start1.src='start.gif'
      start2.src='start_2.gif'
    }
    else{
        start1=""
        start2=""
        document.start=""
    }




    if(document.images){
      andreas1=new Image
      andreas2=new Image
     
      andreas1.src='andreas.gif'
      andreas2.src='andreas_2.gif'
    }
    else{
        andreas1=""
        andreas2=""
        document.andreas=""
    }



if(document.images){
      bruger1=new Image
      bruger2=new Image
     
      bruger1.src='brugere.gif'
      bruger2.src='brugere_2.gif'
    }
    else{
        bruger1=""
        bruger2=""
        document.bruger=""
    }





if(document.images){
      services1=new Image
      services2=new Image
     
      services1.src='services.gif'
      services2.src='services_2.gif'
    }
    else{
        services1=""
        services2=""
        document.services=""
    }





if(document.images){
      rejsenyt1=new Image
      rejsenyt2=new Image
     
      rejsenyt1.src='rejsenyt.gif'
      rejsenyt2.src='rejsenyt_2.gif'
    }
    else{
        rejsenyt1=""
        rejsenyr2=""
        document.rejsenyt=""
    }





if(document.images){
      galleriet1=new Image
      galleriet2=new Image
     
      galleriet1.src='galleriet.gif'
      galleriet2.src='galleriet_2.gif'
    }
    else{
        galleriet1=""
        galleriet2=""
        document.galleriet=""
    }







if(document.images){
      temasiden1=new Image
      temasiden2=new Image
     
      temasiden1.src='temasiden.gif'
      temasiden2.src='temasiden_2.gif'
    }
    else{
        temasiden1=""
        temasiden2=""
        document.temasiden=""
    }








if(document.images){
      opdateringer1=new Image
      opdateringer2=new Image
     
      opdateringer1.src='opdateringer.gif'
      opdateringer2.src='opdateringer_2.gif'
    }
    else{
        opdateringer1=""
        opdateringer2=""
        document.opdateringer=""
    }






if(document.images){
      opslagstavlen1=new Image
      opslagstavlen2=new Image
     
      opslagstavlen1.src='opslagstavlen.gif'
      opslagstavlen2.src='opslagstavlen_2.gif'
    }
    else{
        opslagstavlen1=""
        opslagstavlen2=""
        document.opslagstavlen=""
    }






if(document.images){
      english1=new Image
      english2=new Image
     
      english1.src='english.gif'
      english2.src='english_2.gif'
    }
    else{
        english1=""
        english2=""
        document.english=""
    }





if(document.images){
      links1=new Image
      links2=new Image
     
      links1.src='links.gif'
      links2.src='links_2.gif'
    }
    else{
        links1=""
        links2=""
        document.links=""
    }




//Slut på komentar, der skjuler scriptet for ældre browsere-->
  </SCRIPT>
</HEAD>



    <body scroll="no" topmargin="1" leftmargin="1" bgcolor="#555555">
        <center>

        <table border="0" cellpadding="1" cellspacing="3">
            <tr>
                <td><a onmouseover="document.start.src=start2.src"onmouseout="document.start.src=start1.src"
href="../sider/main.html" target="main"><IMG SRC="start.gif" name="start" BORDER="0"
width="106" height="20" alt="Tilbage til startsiden"></a></td>
            </tr>
            <tr>
                <td><a onmouseover="document.andreas.src=andreas2.src"onmouseout="document.andreas.src=andreas1.src"
href="andreas.html" target="main"><IMG SRC="andreas.gif" name="andreas" BORDER="0"
width="106" height="20" alt="Andreas skriver på kedrissos.dk"></a></td>
            </tr>
            <tr>
                <td><a onmouseover="document.bruger.src=bruger2.src"onmouseout="document.bruger.src=bruger1.src"
href="bruger.html" target="main"><IMG SRC="brugere.gif" name="bruger" BORDER="0"
width="106" height="20" alt="Brugernes egen side"></a></td>
            </tr>
            <tr>
                <td><a onmouseover="document.services.src=services2.src"onmouseout="document.services.src=services1.src"
href="../sider/services.html" target="top_frame"><IMG SRC="services.gif" name="services" BORDER="0"
width="106" height="20" alt="Åbner i topframen"></a></td>
            </tr>
            <tr>
                <td><a onmouseover="document.rejsenyt.src=rejsenyt2.src"onmouseout="document.rejsenyt.src=rejsenyt1.src"
href="../sider/rejsenyt.html" target="main"><IMG SRC="rejsenyt.gif" name="rejsenyt" BORDER="0"
width="106" height="20" alt="Diverse rejseinformation"></a></td>
            </tr>
            <tr>
                <td><a onmouseover="document.galleriet.src=galleriet2.src"onmouseout="document.galleriet.src=galleriet1.src"
href="galleriet.html" target="main"><IMG SRC="galleriet.gif" name="galleriet" BORDER="0"
width="106" height="20" alt="Til billedgalleriet"></a></td>
            </tr>
            <tr>
                <td><a onmouseover="document.temasiden.src=temasiden2.src"onmouseout="document.temasiden.src=temasiden1.src"
href="temasiden.html" target="main"><IMG SRC="temasiden.gif" name="temasiden" BORDER="0"
width="106" height="20" alt="Nyt tema hver måned"></a></td>
            </tr>
            <tr>
                <td><a onmouseover="document.opdateringer.src=opdateringer2.src"onmouseout="document.opdateringer.src=opdateringer1.src"
href="opdateringer.html" target="main"><IMG SRC="opdateringer.gif" name="opdateringer" BORDER="0"
width="106" height="20" alt="Oversigt over opdateringer på hjemmesiden"></a><BR></td>
            </tr>
            <tr>
                <td><a onmouseover="document.opslagstavlen.src=opslagstavlen2.src"onmouseout="document.opslagstavlen.src=opslagstavlen1.src"
href="opslagstavlen.html" target="main"><IMG SRC="opslagstavlen.gif" name="opslagstavlen" BORDER="0"
width="106" height="20" alt="Diverse relevant information"></a></td>
            </tr>
            <tr>
                <td><a onmouseover="document.english.src=english2.src"onmouseout="document.english.src=english1.src"
href="english.html" target="main"><IMG SRC="english.gif" name="english" BORDER="0"
width="106" height="20" alt="Info in english"></a></td>
            </tr>
            <tr>
                <td><a onmouseover="document.links.src=links2.src"onmouseout="document.links.src=links1.src"
href="links.html" target="main"><IMG SRC="links.gif" name="links" BORDER="0"
width="106" height="20" alt="Til links oversigten"></a></td>
            </tr>
           
        </table>
          </center>
    </body>

</html>
Jan
Avatar billede Slettet bruger
01. december 2002 - 19:10 #1
Smid et link!
Men hvis billedfilerne er meget store, vil browseren desværre altid vise den loading-pil, og det kan du ikke lave om på.
Avatar billede Slettet bruger
01. december 2002 - 19:11 #2
Du havde jo smidt et link! :)

Det virker gnidningsfrit hos mig...
Avatar billede pyroman Nybegynder
03. december 2002 - 10:38 #3
Jeg er ikke så sej til JavaScript, da jeg normalt holder mig til flash, men skal du ikke sætte din preloader ind i en funktion, f.eks. function preloadImages() og så sætte denne på en onLoad event på <body>-afsnittet:
<body onLoad="preloadImages();">

/Filip
Avatar billede Slettet bruger
03. december 2002 - 13:26 #4
pyroman>> Nej, det virker fint uden. Faktisk er det at foretrække at holde det i head, da billederne så loades, mens resten af siden loades, i modsætning til hvis man laver en load-funktion, der først kører ved body onload.
Avatar billede janny Nybegynder
04. december 2002 - 19:12 #5
lukkes
Avatar billede Slettet bruger
05. december 2002 - 13:50 #6
I lige måde.
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