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.880   Beiträge: 430.743   Mitglieder: 28.628   Aktive Mitglieder: 43
Willkommen an unser neuestes Mitglied, Nightbird.

Online-Benutzer

Einklappen

172 Benutzer sind jetzt online. Registrierte Benutzer: 2, Gäste: 170.

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

Die neuesten Themen

Einklappen

  • basti1012
    Antwort auf Änderung an der CSS macht Probleme
    @-moz-keyframes sowie @-webkit-keyframes brauch man eigentlich nicht.
    Es reicht @keyframes
    Man kann das natürlich ändern mit mehr Bildern , finde das aber etwas kompliziert.
    Da gibt es einfacher Slideshows die sich leichter anpassen lassen.
    Gestern, 17:27
  • Nightbird
    Änderung an der CSS macht Probleme
    Als neues Forumsmitglied möchte ich mich gleich mit einer Frage an Euch wenden.
    Bei der Programmierung von HTML geht's so halbwegs aber bei einer CSS habe ich so meine Schwieriegkeiten.
    Dashalb suche ich mir im Web hauprsächlich Templates zusammen, die meinen Vorstellungen entsprechen....
    Gestern, 17:01
  • arnego2
    Spammer in Editoren
    Wer hat es gewußt? Das Nulled Wordpress Themes, so einige Plugins die modifiziert wurden auch Ostereier haben war bekannt.
    Die
    • html-cleaner.com
    • html-online.com/editor/
    • html5-editor.net
    • htmlg.com
    • … and others
    Sind hier genannt: https://casparwre.de/blog/seo-scam/...
    18.06.2021, 17:41
  • Fridolin
    Passendes Programm/Plugin für online Buchung
    Hallo zusammen, ich brauche eure hilfe - und zwar baue ich eine Webseite für einen Freund. Es geht um eine Vermietung/ Verleih tageweise. Aktuell verwende ich Wix, überlege aber zu Wordpress zu wechseln. Mein Problem ist das passende Programm/Plugin für die online Buchung und Zahlung zu finden. Wix...
    18.06.2021, 09:43
  • daniel5959
    Antwort auf htaccess - aus txt eine htaccess datei erstellen
    Hallo,

    falls der Server des Webspaces dem User die Rechte an der Datei entzogen hat, dann kann man ja den Support um Hilfe bitten.

    Ich habe hin und wieder den Support bemühen müssen, wenn ich ein Problem nicht selber lösen konnte.

    daniel5959
    14.06.2021, 16:56

Die neuesten Beiträge

Einklappen

Lädt...
X