Ergebnis 1 bis 3 von 3

Thema: js pre-loader

  1. #1
    zero.ger ist offline Grünschnabel
    registriert
    07-09-2003
    Beiträge
    2

    js pre-loader

    Hi,
    ich hab folgendes Problem. Und zwar hab ich hier einen Preloader gefunden, aber wenn ich ihn in meine Site einbaue bewegt der Balken sich immer in gleicher Geschwindigkeit und läd die Bilder die ich dort eintrage einfach nicht vor, ich hoffe ihr könnt mir helfen. Hier mal das Ding

    <script language="JavaScript1.2">

    startingColor = new Array() // <-- Nicht veraendern!
    endingColor = new Array() // <-- Nicht veraendern!



    // das hier anpassen:
    // welche Bilder sollen vorrausgeladen werden = new Array ('bild.jpg','2.gif','3.gif','4.gif')
    var yourImages = new Array ('bild.jpg','2.bmp','3.gif','4.gif')



    var locationAfterPreload = "index2.php" // Adresse wohin es nach dem vorladen weiterleitet
    var preloadbarWidth = 200 // Die Laenge der Preloadbar. Sollte groesser sein als der gesamte Betrag der Bilder die geladen werden sollen
    var preloadbarHeight = 10 // Die Hoehe der Preloadbar
    var backgroundOfGradient = "#6B7C9C" // Farbe der Preloadbar waeherend es laedt

    // Startfarbe des Preloaders - trage den ersten, dritten, fuenften Buchstaben den Farbcode ein
    startingColor[0] = "f"
    startingColor[1] = "f"
    startingColor[2] = "f"

    // Farbe die am Ende ist - trage den ersten, dritten, fuenften Buchstaben den Farbcode ein
    endingColor[0] = "8"
    endingColor[1] = "0"
    endingColor[2] = "0"

    // Fuer Fehlersuche:
    var gap = 3 // Du musst ein bisschen rumprobieren wenn du Java Script Fehler bekommst! 2 ist das kleinste!


    // Nichts verändern!

    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 = "Loaded " + currCount + " out of " + imgLen + " images [" + percent + "%].";
    pending--;
    checkLoad();
    return;
    }
    eval("document.all.cell" + (h+1) + ".style.backgroundColor = hilite[h]");;
    h++;
    setTimeout("changeto()",1);
    }
    defaultStatus = "Loaded 0 out of " + imgLen + " images [0%]."
    // end hiding -->
    </script>

    <script language="JavaScript1.2">
    <!-- beging hiding
    document.write('<table border="1" bordercolor="#485266" cellpadding="0" cellspacing="0" width="' + preloadbarWidth + '"><tr height="' + preloadbarHeight + '" bgcolor="' + backgroundOfGradient + '">');
    for (i = 0; i < num; i++) {
    document.write('<td bordercolorlight="75A0BD" bordercolordark="75A0BD" width="' + gap + '" id="cell' + (i+1) + '"></td>');
    }
    document.write('</tr></table>');
    loadImages();
    // end hiding -->
    </script>
    gruß zero

  2. #2
    Avatar von .marc
    .marc ist offline Lebende Foren-Legende
    registriert
    26-12-2002
    Ort
    Schweiz / Biel
    Beiträge
    1.589
    Shit doesn't happen, it's produced by an asshole.
    brain-dump.org || Marc Tanner's web log

  3. #3
    zero.ger ist offline Grünschnabel
    registriert
    07-09-2003
    Beiträge
    2
    wäre es möglich den lade balken aus dem preloader oben in den preloader den du gepostet hast einzubauen ? bin dicker JS nap

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •