Preloader - kan det lade sig gøre?

Ja - det kan lade sig gøre!

Umiddelbart kan man definere alle billeder som:

Variabel = new Image();
Variabel.src = 'Images/Image.gif'

Variabel.OnLoad = CheckLoad();

Så kan du have en funktion der står og tæller billeder op - og dertil har du en variabel der fortæller hvor mange billeder der er - og når den så har loaded dem alle kan du evt. gøre det lag der indeholder siden synligt med .visibily = 'visible'.

Kan det lade sig gøre sådan, at der er status, ligsom når man f.eks. installere noget. Altså en bar som bliver mere og mere fyldt op?

Tejs

Ja - det kan det godt..

Der laver du 2 lag - det nederste vil være farven for den tomme bar - og så laver du et lag oven på - med samme størrelse - som er den fyldfarve der skal være.

Og så laver du en layer.clip på den så du udfylder den passende procentdel i forhold til det antal billeder du har loaded!

Er du interesseret  i at lave et eksempel og sende det til mig for yderligere 150 point?

Tejs

tejs.d.rasmussen@dxd.ericsson.se

Pingo for 150 point så skal han bare (kan du have en funktion der står og tæller billeder op - og dertil har du en variabel der fortæller hvor mange billeder der er - og når den så har loaded dem alle kan du evt. gøre det lag der indeholder siden synligt med .visibily = 'visible'.

)



Tejs>>  Det her skript kan bruge uden at lave noget ved det¨du sætter bare dine koder efter linen <body onload="hideIt()"> så kører det.






<html>
<head>
    <title>Cross-browser Dynamic HTML - Loading script</title>
<script>
/********************************************************************************
Copyright (C) 1999 Thomas Brattli
This script is made by and copyrighted to Thomas Brattli at www.bratta.com
Visit for more great scripts.
This may be used freely as long as this msg is intact!
********************************************************************************/

//Browsercheck
n=document.layers
ie=document.all

//Hides the layer onload
function hideIt(){
    if(ie || n){
        if(n) document.divLoadCont.visibility="hidden"
        else divLoadCont.style.visibility="hidden"
    }
}
</script>
<style>
#divLoadCont{position:absolute; width:100%; height:95%; top:0; left:0; background-color:white; layer-background-color:white; font-family:arial,helvetica; z-index:100}
TD{font-family:arial,helvetica}
</style>
</head>

<body onload="hideIt()">


    <script>
    //We write the table and the div to hide the content out, so older browsers won't see it
    if(ie || n) document.write('<div id="divLoadCont"><table width="100%" height="95%" align="center" valign="middle"><tr><td width="100%" height="100%" align="center" valign="middle"><h3>Loading Page....</h3></td></tr></table></div>')
    </script>

</body>
</html>

Nej - jeg gider ikke spilde min tid på at programmere færdige løsninger for point!

Men jeg kan sende dig en fil hvor der er noget du kan se på!

Det skulle have været et svar.

Men pingo hvis du laver er skript til mig for 150 point og jeg så design til dig for 150 så det en god forretning til os begge?

Heri kan du se hvordan:



<html>
<head>
<script LANGUAGE="JavaScript">

var count = 0;
var images = 2;
var loaded = false;

if(navigator.appName == "Netscape")
{
    nav = "ns4"
    doc = "document";
    sty = "";
}
else
{
    nav = "ie4"
    doc = "document.all";
    sty = ".style";
}

function StartLoading()
{
    loadlineObj = eval(doc + '["loadline"]' + sty);
    loadlineObj.left = (scr_width / 2) - 103;
    loadlineObj.top = (scr_height / 2) - 10;

    loadbackObj = eval(doc + '["loadback"]' + sty);
    loadbackObj.left = (scr_width / 2) - 102;
    loadbackObj.top = (scr_height / 2) - 9;

    loadbarObj = eval(doc + '["loadbar"]' + sty);
    loadbarObj.left = (scr_width / 2) - 102;
    loadbarObj.top = (scr_height / 2) - 9;

    loadlineObj.visibility = "visible";
    loadbackObj.visibility = "visible";
    loadbarObj.visibility = "visible";
   
    clearImg = new Image();
    clearImg.src = "Images/Clear.gif";
    clearImg.onLoad = LoadCheck();

    menuImg = new Image();
    menuImg.src = "Images/Menu.jpg";
    menuImg.onLoad = mainmenuObj.visibility = "visible"; LoadCheck();

}

function LoadCheck()
{
    count++;
    if(nav == "ns4")
    {
        loadbarObj.clip.right = 206 / images * count;
    }
    else
    {
        loadbarObj.clip = 'rect(0 ' + 206 / images * count + ' 5 0)';
    }
    if (count >= images)
    {
        loadlineObj.visibility = "hidden";
        loadbackObj.visibility = "hidden";
        loadbarObj.visibility = "hidden";

        directObj.visibility = "visible";

        loaded = true;
    }
}
</script>
</head>

<body BGCOLOR="#FFFFFF" onLoad="if(nav == 'ns4')
        {
        scr_width=innerWidth;
        scr_height=innerHeight;
        }
        else
        {
        scr_width=document.body.clientWidth;
        scr_height=document.body.clientHeight;
        }
StartLoading()" onResize="if(nav == 'ns4')
          {
          scr_width=innerWidth;
          scr_height=innerHeight;
          }
          else
          {
          scr_width=document.body.clientWidth;
          scr_height=document.body.clientHeight;
          }
StartLoading()" >

<div ID="loadline" STYLE="position: absolute; top: 0px; left: 0px; width: 208px; height: 7px; clip: rect(0 208 7 0); z-index:2; visibility: hidden;">
<table BORDER="0" CELLSPACING="0" CELLPADDING="0" WIDTH="208" HEIGHT="5" BGCOLOR="#6A7998">
  <tr>
    <td>
      &nbsp;
    </td>
  </tr>
</table>
</div>

<div ID="loadback" STYLE="position: absolute; top: 0px; left: 0px; width: 206px; height: 5px; clip: rect(0 206 5 0); z-index:3; visibility: hidden;">
<table BORDER="0" CELLSPACING="0" CELLPADDING="0" WIDTH="206" HEIGHT="5" BGCOLOR="#ECEBEC">
  <tr>
    <td>
      &nbsp;
    </td>
  </tr>
</table>
</div>

<div ID="loadbar" STYLE="position: absolute; top: 0px; left: 0px; width: 206px; height: 5px; clip: rect(0 0 5 0); z-index:4; visibility: hidden;">
<table BORDER="0" CELLSPACING="0" CELLPADDING="0" WIDTH="206" HEIGHT="5" BGCOLOR="#96BEE6">
  <tr>
    <td>
      &nbsp;
    </td>
  </tr>
</table>
</div>

</body>
</html>

tejs - isdan - hvem er hvem og hvad sker der?

og tejs - hvad var der galt med mit svar!?

Jeg er i hvert fald sikker på at jeg er isdan hvad med dig pingo er du måske en anden? hahaha

isdan: nej - men det var mere den her der forvirrede mig:

Det skulle have været et svar.

Men pingo hvis du laver er skript til mig for 150 point og jeg så design til dig for 150 så det en god forretning til os begge?

hvad mente du med den?

pingo har du en side, hvor dette er på som jeg må se! jeg kunne godt tænke mig at måle scriptets hastighed i aktion.

Du har sagt "Nej - jeg gider ikke spilde min tid på at programmere færdige løsninger for point!
"

,Men jeg mener altså at det er en skide god idee at programmere for point og så kunne bruge pointene til grafik eller noget som man ikke selv er god til?

theartist: nej - det kører ikke....

det er en gammel fil jeg havde til at ligge!

isdan: ja - men eksperten er jo for fanden til hjælp og ikke til at programmere færdige løsninger - folk har virkeligt ikke fattet pointen!

ok Jeg laver selv en tester på et tidspunkt!

;-)

tejs: jeg kunne godt tænke mig at vide hvad der var galt med det svar!?

Det var  nok attitude problem. Men jeg personligt syns du skulle have, i hvert fald halvdelen af pointene aligevel.

Så gå ind i Fri debat og hent dine point.

http://www.eksperten.dk/spm.asp?id=10264