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

02/05

Nu kommer NIS2: Beredskabsminister Torsten Schack Pedersen (V) lover at ingen får bøde lige med det samme

02/05

Efter pludselig exit fra Fujitsu Danmark: Tidligere topchef Keld Zornig er klar med nyt job

02/05

Tung regnskabsuge: Sådan er det gået de danske it-selskaber i første periode under Trump-kaos

02/05

Med sine løfter til Europa viser Microsoft vejen for de amerikanske tech-giganter - tilbage står stadig to store udfordringer

02/05

Nørgaard: Derfor skal vi altså ikke sætte næsen op efter et europæisk mirakel på tech-fronten

02/05

TikTok får bøde på fire milliarder kroner for at have sendt europæiske brugeres data til Kina

02/05

Amerikansk militær kan sætte sig på danske telefrekvenser: Danske mobilkunder kan miste adgang

02/05

Apple-topchef løj i stor App Store-retssag: Vil anke dom

02/05

Betjentene Mathias og Nicklas spiller centrale roller i dansk it-politi: Her er historien om den store cyber-aktion Operation Endgame

02/05

Google-topchef advarer: Indgreb kan blive enden for Googles søgemaskine

02/05

Microsofts nye europæiske løfter løser ikke alle problemer, men særligt et punkt vækker glæde, siger Henning Mortensen

Vis flere artikler

IT-JOB

KMD A/S

Udvikler Java/Drools

Politiets Efterretningstjeneste

Sektionsleder til Enhed for Fremtidens Teknologi og en hverdag, der aldrig bliver hverdag

Politiets Efterretningstjeneste

Windows-specialist med masser af passion for serverinfrastruktur til PET og den større sags tjeneste

Visma DataLøn og ProLøn

System Developer

Capgemini Danmark A/S

SAP Accelerate Program

Vis flere jobs

Seneste spørgsmål Seneste aktivitet

I går 19:42	Date med fejl Af per2edb i Access
02/0519:17	Tastaturet springer bogstavet : "p" "P" over på Firefox. F.eks i Face Book Af Ikke-ekspert i Browsere
02/0516:22	Curl() og JSON Af nemlig i PHP
02/0512:51	eclipse Af OBS i Java
01/0519:29	Slette en "Favorit" på Samsung Galaxy A 14 - 5G Af Ikke-ekspert i Mobiltelefoner