Avatar billede farili10 Nybegynder
21. august 2003 - 00:01 Der er 4 kommentarer

Preload opgave

Hvordan sætter jeg preload på min side gerne en kode i html der gør det muligt at computeren indloader alle ting på siden før jeg kommer ind
Avatar billede ztyxx Nybegynder
21. august 2003 - 00:11 #1
lavet hurtigt i Dreamweaver

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
  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];}}
}
//-->
</script>
</head>

<body onLoad="MM_preloadImages('fil1.jpg','fil2.gif')">

</body>
</html>
Avatar billede roenving Novice
21. august 2003 - 03:02 #2
-- og det er jo fint, at DreamWeaver har alle de hjælpeting indbygget som rutiner, man bare kan hente og bruge, men specielt kønt er det ikke, og der er meget overflødig kode, fordi den f.eks. tager højde for at brugere som har browsere som ikke kender til billeder kan bruge siden uden problemer (og billeder kender alle browsere, som er mindre end 10 år gamle !-)

Så bare:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Preloader</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
imgs = new Array('fil1.jpg','fil2.gif');
pics = new Array();
for(i=0;imgs.length>i;i++){
pics[i] = new Image();
pics[i].src = imgs[i];
}
</script>
</head>

<body>

</body>
</html>
Avatar billede exp Juniormester
21. august 2003 - 09:54 #3
Super preloader:

-------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Avanceret preloader</title>
<script type="text/javascript">
bill = new Array("billede1.jpg", "billede2.jpg", "billede3.jpg", "billede4.jpg", "billede5.jpg"); //Billederne. Listen kan sagtens forstørres/formindskes.

i = -1;
nsImg = new Image();
tbts = 0;

function preload() {
  img = (document.all) ? document.images["pimg"] : nsImg;
  if (++i != 0 && document.all)
    tbts += Math.round(img.fileSize / 1024);
  prct = Math.round(i / bill.length * 100);
  document.getElementById("pl").innerHTML = prct + "%<br />" + ((document.all) ? "Kilobytes: " + tbts + "<br />" : "") + i + " ud af " + bill.length + " billeder loadet";
  document.getElementById("plbar").style.width = prct + "%";
  if (i >= bill.length)
    efterPreload();
  else {
    img.src = bill[i];
    if (!document.all)
      tjek();
  }
}

function tjek() {
  if (nsImg.complete)
    preload();
  else
    setTimeout(tjek, 100);
}

function efterPreload() {
  //Her defineres, hvad der skal ske, efter billederne er loadet
  //Hvis siden skal skifte, fjerner du bare de to slashes herunder:
  //self.location.href = "din_side.html";
}
</script>
</head>
<body>
<h2>Avanceret preloader</h2>
<div style="width: 200px; height: 16px; border: 1px solid black; background-color: #CCCCCC; font-size: 0px;">
<div style="width: 0%; height: 100%; background-color: #6699CC; font-size: 0px;" id="plbar"></div>
</div>
<span id="pl" style="font-family: Verdana; font-size: 60%;"></span><br />
<img src="" name="pimg" style="display: none;" onLoad="preload();" />
<script type="text/javascript">
preload();
</script>
</body>
</html>
Avatar billede farili10 Nybegynder
21. august 2003 - 22:31 #4
undskyld jeg glemte lige at skrive det er i dette scribt der skal skrives preload ind:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
</head><style>
    A:link    {text-decoration: none; color: #000000;}
    A:visited {text-decoration: none; color: #000000;}
    A:active  {text-decoration: none; color: #000000;}
    A:hover  {text-decoration: none; color: #000000;}
</style>


<body topmargin="0" leftmargin="0" bottommargin="0" rightmargin="0">

<div align="center">
  <center>

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1" height="100%">
  <tr>
    <td width="100%" align="center">
    <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="352" id="AutoNumber2" height="202">
      <tr>
        <td width="100%" align="right" valign="bottom" background="Forside.jpg">
        &nbsp;</td>
      </tr>
      <tr>
        <td width="100%" align="right" valign="bottom" bgcolor="#91948D">
        &gt;&gt;<font face="Arial"><a href="index.htm">Enter</a></font>&lt;&lt;</td>
      </tr>
    </table>
    </td>
  </tr>
</table>

  </center>
</div>

</body>

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