Notifikationer

Markér alle som læst Log ud

Slettet bruger

30. juli 2002 - 22:43 Der er 21 kommentarer og
1 løsning

Preloader??

Jeg ved at dette spørgsmål har været meget oppe Men alligevel fordi jeg ikke fatter hvordan en preloader virker :) Jeg vil gerne have en preloader til min hjemmeside www.friserverplads.dk/westhi fordi den godt kan være lidt sløv til folk der har almindeligt modem..
Hvordan laver man sådan en?? Eller er der en der kan lave sådan en for mig eller er det bare noget kode jeg skal sætte ind??

Synes godt om

Slettet bruger

30. juli 2002 - 22:48 #1

Men jeg ved ikke noget om asp hvis man skal bruge det??

Synes godt om

Slettet bruger

30. juli 2002 - 23:03 #2

Men ellers kigger jeg forbi i morgen bare fyr løs!!
Jeg er her lidt endnu..

Synes godt om

Slettet bruger

30. juli 2002 - 23:15 #3

Er pointsene for lave?? jeg vil med glæde hæve dem :)
Er der slet ikke nogen der kan hjælpe??

Synes godt om

thesurfer Nybegynder

30. juli 2002 - 23:56 #4

en preloader loader billederne i baggrunden så de ligger i cachen klar til at blive vist af siderne..

her er javascript koden:

< script language="JavaScript" >
< !--//
//pre loader
newimage0 = new Image();
newimage0.src = "FIRST-IMAGE.gif";
newimage1 = new Image();
newimage1.src = "SECOND-IMAGE.gif";
//-- >
< /script >

=================================================
TO ADD MORE IMAGES, SIMPLY ADD

newimage2 = new Image();
newimage2.src = "THIRD-IMAGE.gif";
newimage3 = new Image();
newimage3.src = "FORTH-IMAGE.gif";

and so on...

*-*-*-*

koden er taget fra:
http://www.geocities.com/~prof_al/examples/preloader.html

/theSurfer.

Synes godt om

Slettet bruger

31. juli 2002 - 00:54 #5

Det sure er jeg fatter intet af det :(

Synes godt om

Slettet bruger

31. juli 2002 - 00:57 #6

jeg kigger i morgen :)

Synes godt om

benny.dk Nybegynder

31. juli 2002 - 09:29 #7

Det tager den samme tid at overføre billederne, de bliver bare overført fra starten så de er klar når de skal bruges senere, men de skal stadig overføres og det tager den samme tid. Du sparer først tiden hvis der går et stykke tid med f.eks. læsning fra siden er loadet til at de så fx trykker på en knap så et billede derefter skifter. Hvis billerne bare er på siden fra starten er der ikek sparet noget.

Det er som jeg ser det.

Synes godt om

Slettet bruger

31. juli 2002 - 11:41 #8

Ja men det er lidt smartere med en preloader ;)
Jeg har lavet et eksempel på hvordan det skal fungere inde på min side
Den preloader bare ingenting endnu den skriver bare loading :)

Synes godt om

thesurfer Nybegynder

31. juli 2002 - 13:31 #9

hehe...

men hvis du bruger det eksempel jeg har pasted, skulle det virke..

og som jeg sagde, loader preloaderen billederne i baggrunden så de ligger i cachen klar til at blive vist af siderne.. så skal brugeren ikke vente på at de bliver loadet ind.. jeg har brugte en preloader engang da jeg havde ca 25 billeder..

/theSurfer.

Synes godt om

oz2kas Nybegynder

31. juli 2002 - 15:50 #10

tag fx. et kig på www.palmagic.dk der er siden opbygget på samme måde fordi den skal skifte et billede ved hvert klik på et link.

Synes godt om

Slettet bruger

31. juli 2002 - 19:45 #11

thesurfer>> bikser lige lidt med dit forslag og vender tilbage

Synes godt om

nicklasb Nybegynder

31. juli 2002 - 20:08 #12

hvorfor laver du det ikke bare i noget simpelt HTML??

Du kan da lave det med en simpel span-upbygning og en onLoad..
Du laver da bare en onLoad på hele siden med id=side og viser så siden med id=load
Så laver du en span med id=side og laver indholdet der, og laver så også en med id=load og laver den enkelte side der.. Det er så den der skal vises mens resten loader.. Det er da meget lettere end at sidde med sådan en gang JavaScript du alligevel ikke forstår..

/Nicklas B.

Synes godt om

nicklasb Nybegynder

31. juli 2002 - 20:09 #13

Det var måske lige lidt svært at forstå for andre end mig selv.. Men giv mig to min.. Så laver jeg lige en testside så du kan se hvad jeg mener.. hehe..

Synes godt om

nicklasb Nybegynder

31. juli 2002 - 20:23 #14

Skulle lige noget først.. Men jeg har lige prøvet at bikse et eksempel sammen.. Se det her: http://www.bornstein.dk/preloader/

Jeg har delt kildekoden pænt op så den skulle være lige til at overskue.. Men for at koden også kan ses efter sprøgsmålet er lukket, kommer koden også lige her:

<body bgcolor="#FFFFFF" text="#000000" text="#000000" link="#000000" vlink="#000000" alink="#000000" onLoad="document.all['load'].style.display = 'none'; document.all['side'].style.display = '';">

<span id="load" style="display: ;">

<BR><BR><BR>
<DIV STYLE="text-align:center">
<font face="Arial" size="2">

<center><b>
<BR>
Siden loades.  Vent venligst..<BR>
Hvis det er første gang du åbner denne side kan det tage et lille stykke tid...
</b>
</center>
</font>
</div>
</span>

<span id="side" style="display: none">

<font face="Arial" size="2">

<center><b>
Her er siden med det store billede..<BR>
Forstår du hvad jeg mener??<BR>
</b>

<IMG SRC="OS34001.jpg" BORDER="0" WIDTH="472" HEIGHT="472" ALT="">
</center>
</font>

</span>
</body>

Håber det kunne hjælpe lidt på dine problemer.. :)

/Nicklas B.

Synes godt om

nicklasb Nybegynder

31. juli 2002 - 20:39 #15

Nåå ja.. Du vil jo gerne have det hele serveret på et sølfad :)
Jeg har desværre ingen sølvfade.. Men du kan da få det på et gulddfad.. hehe :)

Du kan se hvordan din forside kommer til at se ud her: http://www.bornstein.dk/preloader/westhi.html
Det eneste jeg har rettet er at jeg har sat et onLoad ind.. Og så har jeg omringet din side af et span.. meget enkelt.. :)

Koden til din side ser så herefter således ud:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Index</title>

<META NAME="Generator" CONTENT="Stone's WebWriter 3">
<meta NAME="description" CONTENT="Insert Description Here">
<meta NAME="keywords" CONTENT="Insert Keywords Here">

<link rel="stylesheet" href="style1.css" type="text/css" media="screen">

</head>

<script language="JavaScript1.2" src="hurra.js" type="text/javascript"></script>

<body bgcolor="#A78C5C" marginwidth="0" marginheight="0" leftmargin="0" topmargin="0" onLoad="document.all['load'].style.display = 'none'; document.all['side'].style.display = '';">
<span id="load" style="display: ;">

<BR><BR><BR>
<DIV STYLE="text-align:center">
<font face="Arial" size="2">

<center><b>
<BR>
Siden loades.  Vent venligst..<BR>
Hvis det er første gang du åbner denne side kan det tage et lille stykke tid...
</b>
</center>
</font>
</div>
</span>

<span id="side" style="display: none">

<table width="771" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top">

<table width="314" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/t29_01.gif" width="314" height="131"></td>
</tr>
<tr>
<td><img src="images/t29_11.gif" width="314" height="219"></td>
</tr>

<tr>
<td><img src="images/t29_16.gif" width="314" height="228"></td>
</tr>

<tr>
<td><img src="images/t29_18.gif" width="314" height="22"></td>
</tr>
</table>

</td>
<td valign="top">

<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top">

<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="6"><img src="images/t29_02.gif" width="58" height="131"></td>
<td><a href="index.html"><img src="images/butt_link1.gif" border="0" width="54" height="20"></a></td>
<td rowspan="5" bgcolor="#A78C5C"> 
</tr>

<tr>
<td><a href="Links.html"><img src="images/butt_link2.gif" border="0" width="54" height="20"></a></td>
</tr>

<tr>
<td><a href="Links%202.html"><img src="images/butt_link3.gif" border="0" width="54" height="20"></a></td>
</tr>

<tr>
<td><a href="Billeder.html"><img src="images/butt_link4.gif" border="0" width="54" height="20"></a></td>
</tr>

<tr>
<td><a href="http://www.wservice.dk/wservice-dk/gbook/default.asp?id=1469">
<img src="images/butt_link5.gif" border="0" width="54" height="20"></a></td>
</tr>

<tr>
<td><a href="Om%20mig.html"><img src="images/butt_link6.gif" border="0" width="54" height="31"></a></td>
<td colspan="2"><img src="images/t29_10.gif" width="345" height="31"></td>
</tr>
</table>

</td>
</tr>
<tr>
<td valign="top">

<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3" bgcolor="#2F2B28" width="453" height="1"></td>
</tr>
<tr>
<td bgcolor="#2F2B28" width="1" height="445"></td>
<td bgcolor="#BDA270" width="455" height="445" valign="top">

<table border="0" cellpadding="4" cellspacing="4">
<tr>
<td>
<font face="Verdana" size="2" color="#000000">Hej og velkommen til min lille
hjemmeside...</font>
<p><font face="Verdana" size="2">Jeg er nu gået i gang med at bestille domæne
hjem så siden kommer snart til at hedde <a href="http://www.westhi.dk">
<font color="#000000">www.westhi.dk</font></a></font></p>
<p><font size="2">Jeg har jo lige haft fødselsdag 30/07 og jeg har fået en HP Deskjet 920C
printer,  af min mor og far.. </font></p>
<p><font face="Verdana" size="2" color="#000000">Men kig lidt rundt på siden og
sig din mening om den i gæstebogen ris/ros..</font></p>
<p> </p>
<p> </p>
<p> </p>
<p align="center"><a href="http://www.pspgrafik.dk" target="_Blank"><img src="http://www.pspgrafik.dk/billeder/ani88h.gif" width="88" height="31" alt="pspgrafik.dk. Dansk PSP 7 Tutorial." border="0"></a> <a href="http://www.friserverplads.dk/westhi">
<img border="0" src="images/Westhi%20Animation.gif" alt="Link til min hjemmeside" width="88" height="31"></a>
<a href="http://www.exp.dk">
<img border="0" src="images/edk2ani.gif" alt="Eksperten.dk" width="88" height="31"></a><p> </td>
</tr>
<tr>
<td>
</td>
</tr>
</table>

</td>
<td bgcolor="#2F2B28" width="1" height="445"></td>
</tr>
<tr>
<td colspan="3" bgcolor="#2F2B28" width="453" height="1"></td>
</tr>
</table>

</td>
</tr>
<tr>
<td valign="top">
<img src="images/t29_19.gif" width="457" height="22"></td>
</tr>
</table>

</td>
</tr>
</table>
<script language="JavaScript1.2" src="hurra.js" type="text/javascript"></script>

</span>

</body>
</html>

Håber du kunne bruge det..!
Og tillykke med fødselsdagen for resten..

/Nicklas B.

Synes godt om

nicklasb Nybegynder

31. juli 2002 - 20:42 #16

du må gerne fjerne metataget fra min webeditor.. :) Jeg glemte det bare lige i farten..

Og så er der lige et lille skønhedsproblem.. Du har angivet af den skal sætte en baggrund på i dit stylesheet.. Så den kommer også med på load-siden.. Det er jo ikke meningen da teksten går ind over.. Men det må du altså selv lige rode lidt med.. Jeg gidder ikke også at skulle til at skive styleSheet til dig.. :)

/Nicklas B.

Synes godt om

Slettet bruger

31. juli 2002 - 20:56 #17

Nicklasb>> Woow du har lavet det hele, cool nok, jeg skal nok selv fjerne baggrunden.. Prøver lige at sætte den ind..

Synes godt om

Slettet bruger

31. juli 2002 - 21:00 #18

Jeg kan godt bruge din preloader Tusind tak :)
Jeg fjernede bare style1.css i preloader koden så er baggrunden bare brun så det er perfekt :)

Synes godt om

Slettet bruger

31. juli 2002 - 21:00 #19

nicklasb>>Smider du et svar??

Synes godt om

nicklasb Nybegynder

31. juli 2002 - 21:01 #20

Jo.. Det glæder mig at du kunne bruge det.. Kan jeg godt slette siden fra min server igen?? Koden står jo her..

Synes godt om

Slettet bruger

31. juli 2002 - 21:03 #21

Ja det kan du godt :)

Synes godt om

nicklasb Nybegynder

31. juli 2002 - 21:12 #22

Oki.. takker..

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

Se alle it-kurser fra Computerworld Kurser

IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.

Se alle it-kurser

Flere spørgsmål fra Andre onlineløsninger kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
mit.dk - grotesk lang response tid Af Slettet bruger i Andre onlineløsninger	4	08/06/202610:18	10/06/202610:32
hvilken AI synes I er bedst? Af jcr18 i Andre onlineløsninger	8	23/05/202609:37	04/06/202615:11
AI google.com Af Peter Olsen i Andre onlineløsninger	3	04/04/202609:43	06/04/202608:43
Eboks.dk og Borger.dk Af nu_igen i Andre onlineløsninger	10	25/02/202612:56	03/03/202619:43
Mobilpay svindel Af nu_igen i Andre onlineløsninger	8	24/01/202609:50	26/01/202612:02

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