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
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML	3	29/09/202410:58	20/03/202513:38

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

11/07

Test – med overvågningsduel: Hvad tiltrækker dig mest – højeste billedkvalitet eller PTZ-funktionalitet?

11/07

Nørgaard: Her er lidt om Grok4, AI-brainrot og en magisk prompt, der kan lære dig, hvad som helst

11/07

Google følger i Oracles fodspor og giver Trump-regeringen enorme cloud-rabatter – Microsoft og AWS ventes at følge trop

11/07

Microsoft udskyder vigtig ændring for partnerne: Får tre måneder mere, ellers falder hammeren

11/07

Fra filmbranchen til forsikring: Vi har fundet 10 spændende it-job, som du kan søge netop nu

11/07

Fremadstormende Conscia i nyt gigantopkøb – bliver det største i selskabets historie

11/07

Facebook-ejeren Meta investerer milliarder i selskabet bag Ray-Ban: Vil sætte turbo på AI-briller

11/07

Itm8 kæmper med blødende bundlinje og skuffende salg: "Ikke tilfredsstillende"

11/07

Denne 37-årige russiske hackerkonge har flået adskillige danske virksomheder – og har tjent styrtende på det

11/07

Sådan opstod maskinlæring - matematikken bag generativ AI er lettere, end mange tror

11/07

Elon Musks nye AI-model Grok 4 er hundedyr – men den fejer alle konkurrentere af banen i ny analyse

Vis flere artikler

IT-JOB

Softværket

Business Central udvikler

KMD A/S

Senior Mainframe Developer

Jyske Bank

Leder for Digital Arbejdsplads hos Jyske Bank

Matas A/S

Technical Product Owner – CMS & DAM

Everllence

Department Manager to Engine Support

Vis flere jobs

Seneste spørgsmål Seneste aktivitet

2 min siden	Link cvs fil til Excel Af per2edb i Excel
I dag 13:15	Microsoft 365 personel Af ejgil703 i E-mail programmer
I dag 08:43	USB strømforsyning til PD 5V/2.4A eller 9V/3A Af Joakim i Andet hardware
I går 21:07	Office-programmer lukker ned ved opstart Af Morten i Office & Kontorpakker
I går 13:26	Windows 10 Home tager alt min Harddisk plads Af Bexelbud i Windows