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: 57.077   Beiträge: 432.005   Mitglieder: 29.246   Aktive Mitglieder: 47
Willkommen an unser neuestes Mitglied, payais.

Online-Benutzer

Einklappen

217 Benutzer sind jetzt online. Registrierte Benutzer: 5, Gäste: 212.

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

Die neuesten Themen

Einklappen

  • matze244
    Homepage umziehen
    Hallo liebes Forum,

    ich möchte eine Vorhandene Webseite von T-Online (wurde nicht von mir erstellt, aber ich übernehme den Großteil der Homepage vom Bekannten) zu einen anderen Anbieter umziehen.
    Dabei habe ich bei T-Online den ganzen Ordner kopiert wo die ganzen Unterordner drin...
    20.05.2022, 20:21
  • zfry123
    instagram: Wie kann ich sehen, wer meine Highlights angeschaut hat?
    Liebe Community,

    wie kann man sehen, wer sich die Highlights auf einem Instagram-Profil angeschaut hat? Im Netz finde ich zu diesem Thema zwei Artikel. Im ersten Artikel steht folgendes:
    1. Navigieren Sie zu Ihrem Profil auf Instagram.
    2. Tippen Sie auf das Symbol des Highlight, zu dem Sie
    ...
    20.05.2022, 16:36
  • croxxx69
    Seite nicht von Google indexiert?
    Hallo, wenn ich site:meineseite in google eintippe, ist leider immer noch kein Resultat in Google, also nicht indexiert. Die Seite ist schon paar Monate online, auch in Search Console angemeldet... Kann mir bitte einer helfen? Was kann ich tun? Wenn ich darf, kann ich auch meine Seite hier posten
    18.05.2022, 21:21
  • daniel5959
    Überdachte Pedelecs
    Hallo,

    nachdem ich gut 40 Jahre lang Auto gefahren bin, habe ich seit einigen Jahren kein Auto mehr.

    Für die kurzen Strecken alle 2 Wochen zum Supermarkt oder auch mal in die nächste Stadt (ca. 3,5 km bis zum Stadtrand mit Bau- und Garten- sowie Supermärkten oder ca. 5 km...
    15.05.2022, 21:12
  • Gast-Avatar
    html und css homepage ohne Javascript
    Hallo,
    ich möchte nur in html und css ohne Javascript eine Website erstellen , die laut Anhang ungefähr so aussehen soll. Content diverse Themenbereiche als Blog. Ich habe auch schon angefangen, hochgeladen, das würde eigentlich schon reichen. Aber ich bin haltrnicht zufrieden. Als Hilfe hatte...
    14.05.2022, 09:22

Die neuesten Beiträge

Einklappen

Lädt...
X