Avatar billede cmk30 Nybegynder
03. november 2001 - 16:15 Der er 6 kommentarer og
1 løsning

Preloader!!!

Kan nogen lige fortælle mig hvordan man laver en preloader-side...

En hvor alle mine sider +billeder loader inden man kommer der ind... Og kan man f.eks. lave sin egen grafik/ animation på pre-loader siden sådan en lidt ligesom i flash der tæller op eller ned...

/cmk30
Avatar billede Slettet bruger
03. november 2001 - 16:19 #1
http://www.dynamicdrive.com/dynamicindex4/preloadimage.htm
Men den preloader kun billeder. Du skal vide, at det er et evigt tilbagevendende spørgsmål, du har gang i her! Man kan (vist) ikke preloade en hel side fra en anden side. Dog kan man godt skjule en sides indhold, indtil den er loadet, men intet er helt optimalt! :-(
Avatar billede Slettet bruger
03. november 2001 - 16:19 #2
Avatar billede schris Praktikant
03. november 2001 - 16:37 #3
Her er et eksempel, hvor jeg preloader grafikken til en menu. Preloadet sker for at kunne lave en mouse-over efekt, hvor de enkelte billeder bliver udskiftet ved mousover/mouseout, men kan også bruges ved ren preload af billederne:

<head>   

    <title>Menu</title>
   
    <script language=\"JavaScript\">
        <!--
        function MM_swapImgRestore() {
          var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
        }

        function MM_preloadImages() {
        var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
          var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
          if (a[i].indexOf(\"#\")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
        }

        function MM_findObj(n, d) {
          var p,i,x;  if(!d) d=document; if((p=n.indexOf(\"?\"))>0&&parent.frames.length) {
          d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
          if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
        for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x;
        }

        function MM_swapImage() {
          var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
          if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
        }
        //-->
    </script>

</head>

<body background=\"grafik/baggrund_blaa.gif\">

<table align=\"center\" width=\"760\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">
<tr>
    <td colspan=\"8\" height=\"5\"></td>
</tr>
<tr>
    <onLoad=\"MM_preloadImages(\'grafik/menugrafik/oversigtO.gif\',\'grafik/menugrafik/herreO.gif\',\'grafik/menugrafik/bruunetteO.gif\',\'grafik/menugrafik/barnO.gif\',\'grafik/menugrafik/netbutikO.gif\',\'grafik/menugrafik/tilbudO.gif\',\'grafik/menugrafik/historieO.gif\',\'grafik/menugrafik/kontaktO.gif\')\" leftmargin=\"0\" topmargin=\"0\" marginwidth=\"0\" marginheight=\"0\">
    <table cellspacing=0 border=0 cellpadding=0>
    <td><a href=\"oversigt.htm\" target=\"mainarea\" onMouseOut=\"MM_swapImgRestore()\" onMouseOver=\"MM_swapImage(\'Oversigt\',\'\',\'grafik/menugrafik/oversigtO.gif\',1)\"><img name=\"Oversigt\" border=\"0\" src=\"grafik/menugrafik/oversigt.gif\" width=\"95\" height=\"18\" ></a></td>
   

[schris]
Avatar billede cmk30 Nybegynder
05. november 2001 - 08:27 #4
Ok, (schris)!!!

Men, du skulle vel ikke have et link til noget der lidt mere overskueligt... Jeg er ikke den største script-mand!

/cmk30
Avatar billede cmk30 Nybegynder
05. november 2001 - 08:39 #5
Eller hvis man er på en splash-side kan man så load ens billeder på splash-siden hvis billederne ligger i en pop-up...

/cmk30
Avatar billede schris Praktikant
05. november 2001 - 09:13 #6
Med hensyn til ovenstående script, kan du blot kopiere selve scriptet. Det eneste du skal ændre er onLoad delen og så hyperlinkstukture/mouseover strukturen
[schris]
Avatar billede cmk30 Nybegynder
12. november 2001 - 21:44 #7
Jeg kan ikke helt stille mig tilfreds... da jeg ikke er den store koder!!!

Så jeg finder på noget andet...

/cmk30
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