Ga naar inhoud

Preload


anoniem

Aanbevolen berichten

Ik heb hem wat aangepast en niet getest, dus als je problemen hebt: jammer :wink: In "myImages" staat een array met de plaatjes die je wilt laden. In "locationAfterPreload" staat de locatie waar je naartoe gaat als alle (!) plaatjes geladen zijn. Verder is de code niet echt perfect, ik moet hem nog eens opschonen (hij was "vroeger" veel uitgebreider, maar ik heb er wat uitgesloopt). Nog wat: de orginele URL ben ik kwijt :smile: [code:1:7fb14621ac] <html> <head> <script language="JavaScript1.2"> <!-- begin hiding startingColor = new Array() endingColor = new Array() //Images to load var myImages = new Array("images/buttons/home.gif", "images/buttons/home-over.gif); var locationAfterPreload = "main.php"; var preloadbarWidth = 250; var preloadbarHeight = 15; var backgroundOfGradient = "#DBDBDB"; var gap = 2; var num = 0; //Skip Netscape meteen if(!document.all) location.replace(locationAfterPreload) var imgLen = myImages.length, loaded = new Array(), preImages = new Array(), currCount = 0, pending = 0, h = 0, cover = new Array(); num = Math.floor(preloadbarWidth/gap); function loadImages() { for (i = 0; i < imgLen; i++) { preImages[i] = new Image(); preImages[i].src = myImages[i]; loaded[i] = 0; cover[i] = Math.floor(num/imgLen)*(i+1) } cover[cover.length-1] += num%imgLen checkLoad(); } function checkLoad() { if (pending) { changeto(); return } if (currCount == imgLen) {location.replace(locationAfterPreload); return; } for (i = 0; i < imgLen; i++) { if (!loaded[i] && preImages[i].complete) { loaded[i] = 1; pending++; currCount++; checkLoad(); return; } } setTimeout("checkLoad()",10); } function changeto() { if (h+1 > cover[currCount-1]) { var percent = Math.round(100/imgLen)*currCount; if (percent > 100) while (percent != 100) percent--; if (currCount == imgLen && percent < 100) percent = 100; eval("document.all.progress.innerHTML='&nbsp;" + percent + "%'"); pending--; checkLoad(); return; } eval("document.all.cell" + (h+1) + ".style.backgroundColor = '#FFFFFF'"); h++; setTimeout("changeto()",1); } // end hiding --> </script> </head> <body> <center> <center>Een moment geduld alstublieft, de plaatjes worden geladen...</center><br> <br> <script language="JavaScript1.2"> <!-- beging hiding document.write('<table border="0" cellpadding="0" cellspacing="0" width="' + preloadbarWidth + '"><tr height="' + preloadbarHeight + '" bgcolor="' + backgroundOfGradient + '">'); var i = 0; for (i; i < num; i++) { document.write('<td width="' + gap + '" id="cell' + (i+1) + '"></td>'); } document.write('</tr></table>'); document.write('<center><span id="progress">0 %</span></center>'); document.write('<p><a href=' + locationAfterPreload + '>Ga direct verder</a>') loadImages(); // end hiding --> </script> </center> </body> </html> [/code:1:7fb14621ac] [edit]ff wat aangepast, het forum vond mijn mooie (ahum) code niet zo leuk...[/edit] _________________ Wiep Corbier: Ik heb even gechecked wat je zei Bill en je hebt gelijk (en maak hier a.u.b. geen sig van!). [ Dit Bericht is bewerkt door: Bill Gates op 2002-02-17 17:53 ]
Link naar reactie
[quote:0c581c7115] Op 19-02-2002 15:46, schreef Toeter84: Eindelijk je levensdoel bereikt! :wink: Zoiets is toch te vinden op iedere javascript site zoals http://www.wsabstract.com ...? [/quote:0c581c7115] Ja, misschien wel, maar dan staat er altijd een copyright notice bij :grin: En nu niet :grin: _________________ Groet Victor. [ Dit Bericht is bewerkt door: victorhopman op 2002-02-20 14:46 ]
Link naar reactie

Om een reactie te plaatsen, moet je eerst inloggen

Gast
Reageer op dit topic

×   Geplakt als verrijkte tekst.   Herstel opmaak

  Er zijn maximaal 75 emoji toegestaan.

×   Je link werd automatisch ingevoegd.   Tonen als normale link

×   Je vorige inhoud werd hersteld.   Leeg de tekstverwerker

×   Je kunt afbeeldingen niet direct plakken. Upload of voeg afbeeldingen vanaf een URL in

  • Populaire leden

    Er is nog niemand die deze week reputatie heeft ontvangen.

  • Leden

    Geen leden om te tonen

×
×
  • Nieuwe aanmaken...