Preload

  • 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[i] = startingColor[i].toLowerCase();
    endingColor[i] = endingColor[i].toLowerCase();
    startingColor[i] = eval(startingColor[i]);
    endingColor[i] = eval(endingColor[i]);
    diff[i] = (endingColor[i]-startingColor[i])/num;
    ones[i] = Math.floor(diff[i]);
    sixteens[i] = Math.round((diff[i] - ones[i])*15);
    }
    endingColor[0] = 0;
    endingColor[1] = 0;
    endingColor[2] = 0;
    i = 0, j = 0;
    while (i <= num) {
    hilite[i] = "#";
    while (j < 3) {
    hilite[i] += convert[startingColor[j]];
    hilite[i] += 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[i] = new Image();
    preImages[i].src = yourImages[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 < imgLen; i++) {
    if (!loaded[i] && preImages[i].complete) {
    loaded[i] = 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>
    </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>