Preloader

K

kab00m

Kann mir wer erklären wie ich mit Java-Script nen netten Preloader mache?
Ich hab schon mehrere Versuche hinter mir und ich bin an allen Gescheitert...
BITTE!
 
Preloading...

Das Script:
Code:
<html>
<head>
<title>Preload Image Page</title>

<script language="JavaScript1.1">
<!-- 
var locationAfterPreload = "index2.html" 
var lengthOfPreloadBar = 150 
var heightOfPreloadBar = 15 
var yourImages = new Array("bild1.jpg","bild2.jpg","bild3.gif") 


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

</head>
<body bgcolor="#FFFFFF">
<font face="Arial, Verdana, Helvetia, Helmet" size="-2">Gleich gehts weiter... prelaoding Images</font><p>
<script language="JavaScript1.1">
<!-- 
if (document.images) { 
var preloadBar = '' 
for (i = 0; i < yourImages.length-1; i++) { 
preloadBar += '<img src="' + dots[0].src + '" width="' + coverage + '" height="' + heightOfPreloadBar + '" name="img' + i + '" align="absmiddle">' 
} 
preloadBar += '<img src="' + dots[0].src + '" width="' + (leftOverWidth+coverage) + '" height="' + heightOfPreloadBar + '" name="img' + (yourImages.length-1) + '" align="absmiddle">' 
document.write(preloadBar) 
loadImages() 
} 
//--> 
</script>
</body>
</html>
Da wo jetz noch "bild1.jpg","bild2.jpg","bild3.gif" steht fügste einfach die Urls von den zu prelaodenden Graphiken ein. Bei "index2.html" gibste die datei an auf der es nach dem Preload weitergehen soll.

Für die Statusangabe, also wie weit das Laden fortgeschritten ist brauchst du noch zwei files die je 1x1 Pixel gross sind.
Bei mir da oben sind es black und blue.gif, black als hintergrund und blue.gif um den Fortschritt anzuzeigen.

Hoffe das war so in etwa was du wolltest... Klon



[Editiert von Klon am 21.04.2001 um 13:07]
 
Hier noch mal geupt:

http://klon.purespace.de/preload.txt


Bitte Rechtsklick -> Speichern unter, wer mit IE einfach auf die URL klickt wird gehaun (weil IE das dann interpretiert auch wenns txt heißt! *G)


Viel Spass damit, man kann übrigens auch included files angeben oder flash movies, die werden dann auch gecached.
 
Zuletzt bearbeitet von einem Moderator:
wollte nur mal sagen das ich die suchfunktion klasse finde und auch den preloader genau sowas hab ich gerde gesucht nochmals danke Klon für das skript.
 
geht das auch mit flash-animationen?

Hallo,

Ich bin über die Suchfunktion auf diesen älteren Beitrag gestossen.
Ich habe dieses Script verwendet, und es läuft tadellos. Nun muss ich aber auch eine audiodatei (mp3) und zwei *.swf vorausladen. Ich habe es mit dem Script versucht, hat aber nicht geklappt.

Hat jemand hierfür eine Lösung?

Danke
Mikkele
 
Bei mir funktioniert das Script seltsamer Weise nicht.
Ist nicht das erste was nich funktioniert. Habe schon ein paar andere ausprobiert.
Warum verdammt nochmal klappt das nicht?
bitte hilf mir jemand!

das Problem:
Ich habe das Script und alles eingebunden und hochgeladen.
Wenn ich jetzt allerdings die Index.html aufrufe startet das Script.
ich sehe also den Text: Gleich gehts weiter... prelaoding Images
aber es tut sich nichts. Weiß jemand warum?
 
Zuletzt bearbeitet von einem Moderator:
Zurück