Preload images.

http://activedeveloper.dk/artikler/default.asp?articleid=219

/nute

Virker ikke. img1  bliver ikke loadet først.
Her er mine koder:
<script language=\"JavaScript\">
<!--
function StartLoading() {
if (document.images) {

img1 = new Image();
img1.src = \"images/titel/diverse.gif\";

img2 = new Image();
img2.src = \"images/main/diverse/glorie-176-156.jpg\";

img3 = new Image();
img3.src = \"images/main/diverse/blaa-176-156.jpg\";

img4 = new Image();
img4.src = \"images/main/diverse/rod-graa-176-156.jpg\";

img5 = new Image();
img5.src = \"images/main/diverse/engel-176-156.jpg\";

}
}
//-->
</script>
OG
<body leftmargin=\"0\" topmargin=\"0\" bgcolor=\"#FFD78C\" body onLoad=\"StartLoading();\">
Kan det være linket \"images/blablabla\"?
vh skjold

Prøv her:

http://search.freefind.com/find.html?id=6299074&pageid=r&mode=ALL&n=0&query=preload&B1=Search+this+site

hva mener du med at img1 ikke blir loadet først...du har jo satt img1 til å loade først...

/nute

Til Nute.
Jeg sletter min cache og loader siden på ny, og img1 kommer ikke frem først.
vh Skjold

denne form for preloading har ingenting med i hvilken rekkefølge bildene blir vist. det er browseren som selv bestemmer rekkefølgen for fremvisning. hvis du vil at et spesifikt bilde skal vises først, så skal du til å kode litt mer...

OK nute.
Så har jeg jo ikke udtrykt mig godt nok. Det er nemlig det jeg vil, bestemmerækkefølgen, HVAD SKAL GØRES?

dette lille script preloader noen bilder, og skriver bildene ut i en definert rekkefølge

<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">
<html>
    <head>
        <script language=\"JavaScript\">
        <!--
        // bildene blir skrevet ut i denne rekkefølge
        var imgSrcArr = new Array(\"bilde.gif\", \"bilde.gif\", \"bilde.gif\", \"bilde.gif\", \"bilde.gif\", \"bilde.gif\", \"bilde.gif\" );
        var index = 0;
       
        function StartLoading() {
            if (document.images) {
              var imgArr = new Array( imgSrcArr.length );
               
                for( i=0; i < imgArr.length; i++ ){
                  imgArr[i] = new Image();
                    imgArr[i].src = imgSrcArr[i];
                }
            }
           
            fillImages();
        }
       
        function fillImages(){
          document.images[ \"img\" + ( index+1) ].src = imgSrcArr[ index ];
            if( index < imgSrcArr.length -1 ){
              index++;
                setTimeout(\"fillImages()\", 1000 );
            }
        }
       
        //-->
        </script>
    </head>
<body onload=\"StartLoading();\">
<img name=\"img3\" src=\"b.gif\"><br>
<img name=\"img6\" src=\"b.gif\"><br>
<img name=\"img1\" src=\"b.gif\"><br>
<img name=\"img4\" src=\"b.gif\"><br>
<img name=\"img5\" src=\"b.gif\"><br>
<img name=\"img2\" src=\"b.gif\"><br>
<img name=\"img7\" src=\"b.gif\"><br>
</body>
</html>

Ok nute  det virker  tak du får lidt ekstra points for den indsats.
Dog skulle jeg flytte den linie med mit første billede op øverst til <body>, men det kunne du nok ikke vide. men tak igen. :):)

Hvordan får du ekstra? nute

30 ekspertenpesetas er iorden ... trenger ikke noe mer :-) ellers takk...

OK    tak igen og god weekend  :)

anytime...

god weekend selv !

:)