Preloader in Safari OK, in Firefox NOK

tobm_knows_best

Erfahrenes Mitglied
Juhu...

mal wieder das Preloader-Thema - so langsam nervst - aaaaaber ich habe hier Einen, welcher @*Safari ohne Problem läuft, dafür in Firefox gar nicht´s mehr macht...

Mag das mal jemand bei sich selbst testen und mir´n Feedback geben?

Hier mal der Code für die Seite:
HTML:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>xyz</title>

<link href='css/style.css' rel='stylesheet' type='text/css' />
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery.queryloader2.js" type="text/javascript"></script>
<script src="js/script.js" type="text/javascript"></script>
<style type="text/css">
@import url("css/xyz.css");
body {
	background-image: url(images/Vorschalteseite.jpg);
}
</style>
<meta name="Description" content="xyz" />
<meta name="Keywords" content="xyz" />
</head>

<body>
</body>
</html>

VG
 
ich habe hier Einen, welcher @*Safari ohne Problem läuft, dafür in Firefox gar nicht´s mehr macht...

Mag das mal jemand bei sich selbst testen und mir´n Feedback geben?

Hier mal der Code für die Seite:
HTML:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>xyz</title>

<link href='css/style.css' rel='stylesheet' type='text/css' />
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery.queryloader2.js" type="text/javascript"></script>
<script src="js/script.js" type="text/javascript"></script>
<style type="text/css">
@import url("css/xyz.css");
body {
	background-image: url(images/Vorschalteseite.jpg);
}
</style>
<meta name="Description" content="xyz" />
<meta name="Keywords" content="xyz" />
</head>

<body>
</body>
</html>
Dazu müsste erstmal der Code von "jquery.queryloader2.js", "script.js", sowie "style.css" und "xyz.css" bekannt sein.
 
jquery.queryloader2.js hat gesagt.:
Javascript:
...
var addImageForPreload = function(url) {
        var image = $("<img />").attr("src", url).bind("load", function () {
            completeImageLoading();
        }).appendTo(qLimageContainer);
    };
...
FF findet in der Seite zwischen <body></body> kein <img />, das es vorzuladen gäbe, und hängt sich offensichtlich bei "0%" auf.

Safari mag dir da gnädiger gestimmt sein, die <img />-freie/-lose Seite fertig zu laden, und trotz ohne den entsprechenden Inhalt zumindest den Seitenhintergrund "Vorschalteseite.jpg" anzuzeigen :D

Ich kann die FF-Logik verstehen ;-)
 
Zuletzt bearbeitet:
Über unzählige Seiten bin ich auf diesen Preloader gekommen, nachdem ich einen Solchen zum Laden kompletter HTML-Seiten gesucht habe...

Also wärs ein Besseres wenn ich das Hintergrundbild aus dem CSS entferne, und dann als Image im HTML platziere... Das explizit die NUR Bilder geladen werden darauf wär ich im Leben nicht gekommen :/

Leider habe ich bisher auch keine Alternativen finden können, die in der Hinsicht einigermaßen gut aussehen....
 
Zuletzt bearbeitet:
Zurück