• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Preload

Status
Für weitere Antworten geschlossen.

Dragon-Rider

Neues Mitglied
Also ich habe schon mindestens 4 Varianten von Preload Scripts ausprobiert, keines davon geht !

Hier das aller neueste ... Bitte helft mir !

<html>
<title>PRELOAD</title>
</head>
<script language="JavaScript1.2">
<!-- begin hiding
startingColor = new Array() // <-- Do not modify!
endingColor = new Array() // <-- Do not modify!
// YOU MAY MODIFY THE FOLLOWING:
var yourImages = new Array(
"image/nofate.jpg",
"image/ksrlogocols2.jpg",
"image/logo_screenimage.jpg",
"image/way.jpg",
"image/vers4cols2.jpg",
"image/vers3cols2.jpg",
"image/vers2cols2.jpg",
"image/vers1cols2.jpg",
"image/ice.jpg",
"image/frau.jpg",
"image/bg_mainside.gif",
"image/Iche.jpg",
"image/Bilder.jpg",); // Zu ladene Grafiken

var locationAfterPreload = "Startup.html" // Startseite nach dem Laden
var preloadbarWidth = 250 // Länge Preload-Balken
var preloadbarHeight = 10 // Höhe Preload-Balken
var backgroundOfGradient = "#000000" // Hintergrundfarbe Preload-Balken
// Color the preloadbar is starting with - enter 1st, 3rd and 5th numbers/letters of color code
startingColor[0] = "f"
startingColor[1] = "f"
startingColor[2] = "0"
// Color the preloadbar is going to end up with - enter the 1st, 3rd and 5th numbers/letters of color code
endingColor[0] = "c"
endingColor[1] = "0"
endingColor[2] = "0"
// FOR TROUBLESHOOTING:
var gap = 7 // PLAY AROUND WITH THIS SETTING IF YOU GET A JAVASCRIPT ERROR!!! 2 is the minumum value!!!
// DO NOT MODIFY ANYTHING BEYOND THIS POINT!!!
if (!document.all) location.replace(locationAfterPreload)
var a = 10, b = 11, c = 12, d = 13, e = 14, f=15, i, j, ones = new Array(), sixteens = new Array(), diff = new Array();
var convert = new Array("0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f"), imgLen = yourImages.length;
var loaded = new Array(), preImages = new Array(), currCount = 0, pending = 0, h = 0, hilite = new Array(), cover = new Array();
var num = Math.floor(preloadbarWidth/gap);
for (i = 0; i < 3; i++) {
startingColor = startingColor.toLowerCase();
endingColor = endingColor.toLowerCase();
startingColor = eval(startingColor);
endingColor = eval(endingColor);
diff = (endingColor-startingColor)/num;
ones = Math.floor(diff);
sixteens = Math.round((diff - ones)*15);
}
endingColor[0] = 0;
endingColor[1] = 0;
endingColor[2] = 0;
i = 0, j = 0;
while (i <= num) {
hilite = "#";
while (j < 3) {
hilite += convert[startingColor[j]];
hilite += convert[endingColor[j]];
startingColor[j] += ones[j];
endingColor[j] += sixteens[j];
if (endingColor[j] > 15) {
endingColor[j] -= 15;
startingColor[j]++;
}
j++;
}
j = 0;
i++;
}
function loadImages() {
for (i = 0; i < imgLen; i++) {
preImages = new Image();
preImages.src = yourImages;
loaded = 0;
cover = 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 && preImages.complete) {
loaded = 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;
defaultStatus = "Geladen " + currCount + " von " + imgLen + " Daten [" + percent + "%].";
pending--;
checkLoad();
return;
}
eval("document.all.cell" + (h+1) + ".style.backgroundColor = hilite[h]");;
h++;
setTimeout("changeto()",1);
}
defaultStatus = "Geladen 0 von " + imgLen + " Daten [0%]."
// end hiding --></script>
</head>
<body bgcolor=#000080>
<center>
<table border=0 cellpadding=0 cellspacing=0 style="border-collapse: collapse" bordercolor=#111111 height=100% width=700 bgcolor="#010066">
<tr>
<td width=100% style="background-repeat: no-repeat; background-attachment: fixed; background-position: left top"><center><center>


<font face=Verdana size=1 color=#FFFFFF>


</font><font face=Verdana color=#FFFFFF style="font-size: 7pt">
Bitte haben sie einen Moment Geduld ...
Daten werden geladen !</font></p>
</center>


<font face=Verdana size=1>
<script language="JavaScript1.2">
<!-- beging hiding
document.write('<table border="0" cellpadding="0" cellspacing="0" width="' + preloadbarWidth + '"><tr height="' + preloadbarHeight + '" bgcolor="' + backgroundOfGradient + '">');
for (i = 0; i < num; i++) {
document.write('<td width="' + gap + '" id="cell' + (i+1) + '"></td>');
}
document.write('</tr></table>');
loadImages();
// end hiding --></script>
</font></p>


<font face=Verdana>
SKIP</font></font></p>


<font face=Verdana size=1 color=#FFFFFF>
intro_logo.jpg
</font></p>


<font face=Verdana color=#808080 style="font-size: 7pt">Die Website wurde für
folgende Systemkonfiguration optimiert.

Bei Abweichungen kann es unter Umständen zu Fehlern in der Darstellung
kommen.</font></p>


<font face=Verdana color=#808080 style="font-size: 7pt">Microsoft Windows 95/98
oder 2000/XP

Microsoft Internet Explorer ab 4.0 oder Netscape Navigator 4.0

JavaScript und Cookies aktiviert

800x600 Pixel oder höher -
24bit / 16,7 Millionen Farben oder besser



Plug-In´s: Acrobat Reader, Flash 5

Visuelle Medien : Windows Media Player, Real Player

Internet-Verbindung: Modem 56k, ISDN oder besser</font></p>
</center></td>
</tr>
</table>
</center>
</body>
</html>
 
Werbung:
Werbung:
Ich habe auch mal, einen aus dem Internet runtergeladenen, Preload benutzt - welcher funktioniert..

preload.htm
Code:
<script language="JavaScript1.1">
<!--
if (document.images) {
var preloadBar = ''
for (i = 0; i < yourImages.length-1; i++) {
preloadBar += '[img]' + dots[0].src + '[/img]'
}
preloadBar += '[img]' + dots[0].src + '[/img]'
document.write(preloadBar)
loadImages()
}
document.write('<font color="#FFFFFF"> 100%</font>

[url="javascript:window.location=locationAfterPreload"]skip preloading [/url]')
//-->
</script>
Nicht vergessen
Code:
<script language="JavaScript" src="preload.js" type="text/javascript"></script>
in den <head></head>-Tag zu setzen ;)


preload.js
Code:
var locationAfterPreload = "index.php"
var lengthOfPreloadBar = 150
var heightOfPreloadBar = 10
var yourImages = new Array(
"images/index_01.gif",
"images/index_02.gif",
"images/index_03.gif",
"images/index_05.gif",
"images/index_06.gif",
"images/index_07.gif",
"images/soon.gif",
"images/linie.gif",
"images/bild.gif",
"images/cover.gif",
"images/prev_front.gif",
"images/prev_back.gif",
"images/prev_ani.gif")

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

Kannst es ja mal ausprobieren..

MfG[/code]
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben