CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

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

Synes godt om

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">

</script>
</head>

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

</body>
</html>

Synes godt om

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>

Synes godt om

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>

Synes godt om

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">
 </td>
</tr>
<tr>
<td width="100%" align="right" valign="bottom" bgcolor="#91948D">
>><font face="Arial"><a href="index.htm">Enter</a></font><<</td>
</tr>
</table>
</td>
</tr>
</table>

</center>
</div>

</body>

</html>

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51
Link fra form input Af jnrmgs i HTML	9	19/09/202319:10	23/09/202313:11
includere i HTML Af slein55 i HTML	3	15/09/202313:47	16/09/202309:40

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS