preload van pagina's - Softwareontwikkeling

maandag 19 maart 2001 19:10

Acties:

Topicstarter

wie weet hoe ik ervoor kan zorgen dat als ik een nieuwe pagina laad, hij een laadbalk laat zien van hoever de pagina is met laden ipv de desbetreffende pagina??

dus als hij snel laad, zie je hem eigenlijk niet, en als hij dus langzaam laad, zie je hem wel, hetzelfde als in je browser, maar dan ipv de pagina zelf...

wie kan mij helpen??

maandag 19 maart 2001 19:17

Acties:

Verwijderd

code:

<html>
<head>
<title>De pagina wordt geladen....</title>

<script language="JavaScript1.1">
<!-- begin hiding


// You may modify the following:
    var locationAfterPreload = "http://dynamicdrive.com" // URL of the page after preload finishes
    var lengthOfPreloadBar = 150 // Length of preload bar (in pixels)
    var heightOfPreloadBar = 15 // Height of preload bar (in pixels)
    // Put the URLs of images that you want to preload below (as many as you want)
    var yourImages = new Array("http://www.yourdomain.com/test1.gif","http://www.yourdomain.com/test2.gif","http://www.yourdomain.com/test3.gif","http://www.yourdomain.com/test4.gif","http://www.yourdomain.com/test5.gif")

// Do not modify anything beyond this point!
if (document.images) {
    var dots = new Array() 
    dots[0] = new Image(1,1)
    dots[0].src = "black.gif" // default preloadbar color (note: You can substitute it with your image, but it has to be 1x1 size)
    dots[1] = new Image(1,1)
    dots[1].src = "blue.gif" // color of bar as preloading progresses (same note as above)
    var preImages = new Array(),coverage = Math.floor(lengthOfPreloadBar/yourImages.length),currCount = 0
    var loaded = new Array(),i,covered,timerID
    var leftOverWidth = lengthOfPreloadBar%coverage
}
function loadImages() { 
    for (i = 0; i < yourImages.length; i++) { 
        preImages[i] = new Image()
        preImages[i].src = yourImages[i]
    }
    for (i = 0; i < preImages.length; i++) { 
        loaded[i] = false
    }
    checkLoad()
}
function checkLoad() {
    if (currCount == preImages.length) { 
        location.replace(locationAfterPreload)
        return
    }
    for (i = 0; i <= preImages.length; i++) {
        if (loaded[i] == false && preImages[i].complete) {
            loaded[i] = true
            eval("document.img" + currCount + ".src=dots[1].src")
            currCount++
        }
    }
    timerID = setTimeout("checkLoad()",10) 
}
// end hiding -->
</script>

</head>

<body bgcolor="#FFFFFF">

<center>
<font size="4">Even geduld alstublieft, de site wordt geladen...</font><p>
0%
<script language="JavaScript1.1">
<!-- begin hiding
// It is recommended that you put a link to the target URL just in case if the visitor wants to skip preloading
// for some reason, or his browser doesn't support JavaScript image object.
if (document.images) {
    var preloadBar = ''
    for (i = 0; i < yourImages.length-1; i++) {
        preloadBar += '[img]"'[/img]'
    }
    preloadBar += '[img]"'[/img]'
    document.write(preloadBar)
    loadImages()
}
document.write('<p><small><a href="javascript:window.location=locationAfterPreload">Meteen doorgaan</a></small></p>')
// end hiding -->
</script>
</center>

</body>
</html>

Succes, volgende keer ff search gebruiken aub

maandag 19 maart 2001 20:25

Acties:

Bartez

Topicstarter

SUPER!!

bedankt

maandag 19 maart 2001 23:18

Acties:

Bartez

Topicstarter

uh, ja, maar dit is toch om plaatjes te preloaden???

ik bedoel eigenlijk een soort balkje die weergeeft hoever je pagina is geladen, net zoiets als een preloader van een flash filmpje, dus niet perse een plaatje, maar gewoon de pagina's

ik wil namelijk van die irritante witte velden af als je pagina's laden.....

of is dit niet mogelijk?

wie weet een oplossing?

dinsdag 20 maart 2001 00:44

Acties:

Verwijderd

PHP, ik weet wel HOE maar niet HOE weet je wel weet je niet?
Er zijn wel scrippies die tellen hoelang de rendertime van een pagina was...>Als je daar iets mee doet moet het nieyt zo moeilijk zijn, verdere details weet ik niet, ben geen PHPer van hier tot Tokyo ofzo....

dinsdag 20 maart 2001 10:47

Acties:

stylee

blah zeg ik je

neuh dat is niet echt mogelijk in php voor zover ik weet.

in php heb je simpelweg een fucntie die je de hidige tijd in msec geeft en helemaal op het einde van je pagina (aangezien de server je page lineair parsed) voer je die functie weer uit en trek je het resultaat van elkaar af en heb je het aantal seconden waarin de pagina is geladen.

Ik denk eerder dat elanaz' code gewoon word gebruikt (oid) om alle plaatjes te laden sinds dat het enige is dat internet eigenlijk 'langzaam' maakt. Voor de eigenlijke html pagina's is er niet veel caching nodig.

dinsdag 20 maart 2001 15:37

Acties:

Verwijderd

Beetje moeilijk. Maar je kunt je pagina bijv. in een hidden frame laden, en dan laten detecteren in een ander frame, of hij geladen is. In de tussenliggende tijd zou je dan een teller kunnen laten lopen of iets dergelijks. Als de pagina geladen is, zorg je ervoor dat de pagina overgezet wordt naar het andere frame.
Voor mogelijkheden zie :
http://developer.irt.org/script/74.htm
http://developer.irt.org/script/129.htm
http://developer.irt.org/script/288.htm
http://developer.irt.org/script/381.htm
http://developer.irt.org/script/591.htm

dinsdag 20 maart 2001 15:50

Acties:

Verwijderd

volgens mij bedoel je dit:
http://www.urbanisation.f2s.com/
zoals daar staat, ik zie dat ie het momenteel niet doet, maar je moet maar eens naar dat script kijken.

edit:

je kan beter hier naar kijken, daar heeft ie het van gejat geloof ik.
http://www.jzproductions.f2s.com/freestyle/preloader2.html

suc6

dinsdag 20 maart 2001 17:09

Acties:

Bartez

Topicstarter

YES!

dat bedoel ik, thanx, ff het scrippie checken!