Ich habe im Internet folgenden Quelltext für einen Preloader gefunden:
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!
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>
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

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!