Preloader

[Los Wachos]

Kennt irgendjemand ein Java Script oder Applet womit man Grafiken einer dahintergeschalteten Website vorladen kann? Möglichst mit Ladebalken. Wie bei http://www.graphics4all.de/

 

[rycon]

in den head:

<script language="JavaScript1.1">
<!--
var locationAfterPreload = "deineseitenachdempreload.htm"
var lengthOfPreloadBar = 150
var heightOfPreloadBar = 10
var yourImages = new Array("bild(er),diedupreloadenwillst.jpg/.gif")


if (document.images) {
var dots = new Array()
dots[0] = new Image(1,1)
dots[0].src = "preloadbarpic.gif"
dots[1] = new Image(1,1)
dots[1].src = "preloadbarpic.gif"
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)
}
//-->
</script>

Das is die simpelste Form. Dazu musst du noch 2 pics machen, die 1x1 oder größer sind. Einfach zwei verschiedene Farben nehmen und den Dateinamen (preloadbarpic.gif) definieren...

des wars...

 

[CoMaSoUl]

kleine frage...

ich hab jetzt 2 schmale gifbilder gemacht .... preloader1 und preloader2.gif

aber hab bei preloadbar nur preloader1.gif eingesetzt....dann eben die seite auf die man kommen soll (matrix.html) und das bild was geladenw erden soll(scrennshot.jpg)

und trotzdem wird die seite geladen wie zuvor....kommt kein farbiger ladebalken - was mach ich falsch?

die "<!-- -->"hab ich auch rausgenommen...

vielleicht muss ein onload in den bodybereich?...

 

[Los Wachos]

Bei mir läuft es auch nicht!
Ich schätze mal erstes CoMaSoUl richtig bemerkte der Onload Befehl im Body und ich schätze mal noch ein Tag womit man den Ladebalken positioneren kann.
Da meines erachtens mit:
var lengthOfPreloadBar = 150
var heightOfPreloadBar = 10
die größe des Ladebalkens definiert wird.

 

[CoMaSoUl]

@wachos

auf http://www.nightfire.ch gibt nen preloader unter "Javascript"