Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Preload

19 antwoorden
  • Ik probeer een pagina te maken waar een soort "zandloper" komt. Vervolgens moet de homepage (op de achtergrond) alvast worden geladen. Wanneer de homepage klaar is met laden moet de zandloper klaar zijn en de homepage in beeld komen. Rara hoe maak ik dit.
  • Ik zal zeker niet de laatste zijn die dit zegt, maar je moet eens kijken op pagina's als http://www.jsworld.com, etc. daar staan een heleboel scriptjes met voorbeeld. Misschien nog een tip? internet.pagina.nl vrgr, william
  • Tja, ik kan het nog niet vinden. Ik blijf zoeken. Als iemand nog kant en klaar advies heeft, graag! Groet!
  • Zoek eens even op preload in dit forum. Genoeg te vinden!
  • [quote:5185ab20eb] Op 15-02-2002 13:32, schreef SurfDude: Zoek eens even op preload in dit forum. Genoeg te vinden! [/quote:5185ab20eb] Of jat die van Bill zijn nieuwe site! :grin: :grin:
  • [quote:4978781c26] Op 17-02-2002 12:26, schreef George W. Bush: Of jat die van Bill zijn nieuwe site! :grin: :grin:[/quote:4978781c26]Be my guest... Ik heb hem ook van één of andere Javascript site, dus ik heb er geen copyright op of zo...
  • [quote:bd931ee9e3] Op 17-02-2002 12:36, schreef Bill Gates: Be my guest... Ik heb hem ook van één of andere Javascript site, dus ik heb er geen copyright op of zo... [/quote:bd931ee9e3] Mag ik dit scriptje ook hebben??????????
  • Ik heb hem wat aangepast en niet getest, dus als je problemen hebt: jammer :wink: In &quot;myImages&quot; staat een array met de plaatjes die je wilt laden. In &quot;locationAfterPreload&quot; 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 &quot;vroeger&quot; veel uitgebreider, maar ik heb er wat uitgesloopt). Nog wat: de orginele URL ben ik kwijt :smile: [code:1:7fb14621ac] &lt;html&gt; &lt;head&gt; &lt;script language=&quot;JavaScript1.2&quot;&gt; &lt;!-- begin hiding startingColor = new Array() endingColor = new Array() //Images to load var myImages = new Array(&quot;images/buttons/home.gif&quot;, &quot;images/buttons/home-over.gif); var locationAfterPreload = &quot;main.php&quot;; var preloadbarWidth = 250; var preloadbarHeight = 15; var backgroundOfGradient = &quot;#DBDBDB&quot;; 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 &lt; 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 &lt; imgLen; i++) { if (!loaded[i] &amp;&amp; preImages[i].complete) { loaded[i] = 1; pending++; currCount++; checkLoad(); return; } } setTimeout(&quot;checkLoad()&quot;,10); } function changeto() { if (h+1 &gt; cover[currCount-1]) { var percent = Math.round(100/imgLen)*currCount; if (percent &gt; 100) while (percent != 100) percent--; if (currCount == imgLen &amp;&amp; percent &lt; 100) percent = 100; eval(&quot;document.all.progress.innerHTML='&amp;nbsp;&quot; + percent + &quot;%'&quot;); pending--; checkLoad(); return; } eval(&quot;document.all.cell&quot; + (h+1) + &quot;.style.backgroundColor = '#FFFFFF'&quot;); h++; setTimeout(&quot;changeto()&quot;,1); } // end hiding --&gt; &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;center&gt; &lt;center&gt;Een moment geduld alstublieft, de plaatjes worden geladen...&lt;/center&gt;&lt;br&gt; &lt;br&gt; &lt;script language=&quot;JavaScript1.2&quot;&gt; &lt;!-- beging hiding document.write('&lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;' + preloadbarWidth + '&quot;&gt;&lt;tr height=&quot;' + preloadbarHeight + '&quot; bgcolor=&quot;' + backgroundOfGradient + '&quot;&gt;'); var i = 0; for (i; i &lt; num; i++) { document.write('&lt;td width=&quot;' + gap + '&quot; id=&quot;cell' + (i+1) + '&quot;&gt;&lt;/td&gt;'); } document.write('&lt;/tr&gt;&lt;/table&gt;'); document.write('&lt;center&gt;&lt;span id=&quot;progress&quot;&gt;0 %&lt;/span&gt;&lt;/center&gt;'); document.write('&lt;p&gt;&lt;a href=' + locationAfterPreload + '&gt;Ga direct verder&lt;/a&gt;') loadImages(); // end hiding --&gt; &lt;/script&gt; &lt;/center&gt; &lt;/body&gt; &lt;/html&gt; [/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!). <font size=-1>[ Dit Bericht is bewerkt door: Bill Gates op 2002-02-17 17:53 ]</font>
  • Heel erg bedankt Bill!!!! Naar zo'n script heb ik altijd al gezocht.
  • Ook namens mij bedankt! :smile: [img:fce4c90374]http://www.destroy.nl.nu/dilbert/dilbert.gif[/img:fce4c90374]
  • [quote:65c187ad13] Op 19-02-2002 13:22, schreef victorhopman: Heel erg bedankt Bill!!!! Naar zo'n script heb ik altijd al gezocht. [/quote:65c187ad13] Eindelijk je levensdoel bereikt! :wink: Zoiets is toch te vinden op iedere javascript site zoals http://www.wsabstract.com ...?
  • Ik had hem al een tijdje opgeslagen op mijn PC, misschien gebruik ik hem later nog eens. :wink: Zoals het er nu uit ziet, wordt de preloader, dé nieuwe trend! :smile:
  • [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. <font size=-1>[ Dit Bericht is bewerkt door: victorhopman op 2002-02-20 14:46 ]</font>
  • Die stond er wel bij hoor, maar die heb ik vakkundig verwijderd :wink:
  • [quote:c3cf157c00] Op 20-02-2002 14:57, schreef Bill Gates: Die stond er wel bij hoor, maar die heb ik vakkundig verwijderd :wink: [/quote:c3cf157c00] vakkundig noemt hij dat! :wink:
  • [quote:d91a121eff] Op 20-02-2002 14:57, schreef Bill Gates: Die stond er wel bij hoor, maar die heb ik vakkundig verwijderd :wink: [/quote:d91a121eff] Aha, dus je bent illegaal bezig!!!!!!
  • Slotje! &gt;:)
  • [quote:1876fad540] Op 20-02-2002 23:55, schreef SurfDude: Slotje! &gt;:) [/quote:1876fad540] Hoezo? Het begint net leuk te worden! :grin: :wink:
  • [quote:2fb70d9940] Op 20-02-2002 23:55, schreef SurfDude: Slotje! &gt;:) [/quote:2fb70d9940] Moet je ze kwijt ofzo? :razz:

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.