Ankündigung

Einklappen
Keine Ankündigung bisher.

Preloader

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Preloader

    Ich habe im Internet folgenden Quelltext für einen Preloader gefunden:

    HTML-Code:
    <?xml version='1.0' encoding='iso-8859-1' ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
           "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Preloader</title> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-equiv="content-type" content="application/xhtml+xml; charset=iso-8859-1" /> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <meta http-equiv="imagetoolbar" content="no"> <!-- Style Bereich --> <style type=text/css>
    /* Alternativ auch als externe Datei realisierbar */
    
    body
    {
        background-color: white;
    }
    a
    {
        cursor: hand;
    }
    a:link
    {
        color: #FFFFFF; 
        text-decoration: none;
    }
    a:visited
    {
        color:#FFFFFF;
        text-decoration:none;
    }
    a:hover
    {
        color:green; 
        text-decoration:none;
    }
    .tabelstyle
    {
    border-style:solid;
    border-color:#000000;
    border-width:1px;
    }
    </style> <!-- Script Bereich --> <script type="text/javascript">
    var hrefAfterLoad   = "/home.php"; // Ziel der Weiterleitung.
    var redirect        = true; // true = Seite leitet nach dem Preload weiter | false = Seite leitet nicht nach dem Preload weiter
    var preloaderLength = 152;
    var loadBarNameID   = "barpic";
    
    //Hier werden die Bilder aufgelistet
    
    //[BEGIN -->
    var Pictures        = new Array
    (
        "images/buttons/test1.png",
        "images/buttons/test2.png",
        "images/buttons/test3.png",
        "images/buttons/test4_h.png",
        "images/test6.png",
        "images/undsoweiter.gif"
    );
    // <-- END]
    
    //Ab hier nichts mehr aendern
    function preloader()
    {
        document.getElementById(loadBarNameID).width=1;
        if (!document.preImages) 
        {
            preImages = new Array(); addition=Math.floor(preloaderLength/Pictures.length);
        }
        loadpics();
    }
    function loadpics()
    {
      for (i = 0; i < Pictures.length; i++) 
      {
          preImages[i] = new Image();preImages[i].src = Pictures[i];
      }
      check(0);
    }
    function check(done)
    {
     for (i = 0; i < preImages.length; i++) 
     {
       if (preImages[i].complete) 
       {
         if (done<preImages.length)
         {
            document.getElementById(loadBarNameID).width =      parseFloat(document.getElementById(loadBarNameID).width) + addition + "px";
            done++;
         } 
         else 
         {
             document.getElementById(loadBarNameID).width=preloaderLength;
             if (redirect)
             {
                location.replace(hrefAfterLoad);
             }
             return;
         }
       }
     }setTimeout("check("+done+")",10);     
    }
    </script> </head> <body> <div align="center"> <h1>Preloader</h1> <p style="color: white;">Bilder werden <b>vor</b>geladen...</p> <table class="tabelstyle" width="152" border="0" cellpadding="0" cellspacing="0"> <tr> <td><img onLoad="preloader();" src="http://www.gloryage.de/sonstiges/images/bar.gif" name="barpic" width="152" height="8" id="barpic"></td> </tr> </table> <a href="/home.php">Direkt zur Seite</a> </div> <p> </p> <!-- Fall Javascript deaktiviert ist --> <noscript> <div style="color: white;"> <b>FEHLER:</b> Um die volle Funktionalität zu Garantieren, <b>muss</b> Javascript in ihrem Browser aktiv sein. 
                    Wir danken für ihr Vertändniss.
                    
                    <small>
                    Falls sie trotzdem unsere Seite betreten wollen, klicken sie auf diesen Link: 
                    <a href="http://www.weissichdas.de">www.weisichdas.de</a> </small> </div> </noscript> </body> </html>
    Er funktioniert ohne Probleme. Allerdings möchte ich jenen preloader (logischerweise) auf der Startseite einsetzen. Auf dieser Startseite sollen dann auch schon ein paar andere Informationen stehen.

    So weit ist alles ohne Probleme realisierbar.

    Aber nun wird man von der Startseite sofort weitergeleitet auf die eigentliche Homepage, wenn man einen schnellen Internetzugang besitzt (was ja nicht selten ist ). Natürlich kann man die Weiterleitung abschalten, dies führt aber dazu, dass alle sofort auf den Link zur Seite klicken (auch solche, mit einem langsamen Internetzugang), ohne sie laden zu lassen und dann ggf. Ladezeitprobleme auf der Homepage haben.

    Ich suche nun nach einer Möglichkeit das Genannte zu umgehen.
    Gibt es eine Möglichkeit den Link zur Homepage erst einblenden zulassen, wenn der Preloader fertiggeladen hat oder gibt es die Möglichkeit (welche mir besser gefällt) die Weiterleitung, auch wenn schon alles geladen ist um ein paar Sekunden zu Verzögern?


    Ich würde mich freuen, wenn mir jemand helfen kann
    Vielen Dank!
    Zuletzt geändert von danielde; 28.09.2007, 19:57.

homepage-forum.de - Hilfe für Webmaster! Statistiken

Einklappen

Themen: 56.657   Beiträge: 428.674   Mitglieder: 28.352   Aktive Mitglieder: 80
Willkommen an unser neuestes Mitglied, Caldzera.

Online-Benutzer

Einklappen

137 Benutzer sind jetzt online. Registrierte Benutzer: 1, Gäste: 136.

Mit 3.502 Benutzern waren am 23.01.2020 um 17:20 die meisten Benutzer gleichzeitig online.

Die neuesten Themen

Einklappen

Die neuesten Beiträge

Einklappen

Lädt...
X