✔ Preloader in Safari OK, in Firefox NOK

tobm_knows_best hat gesagt.:
Ü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....
Zum Vergrößern anklicken....

Habe eben festgestellt das auch schon der (alte) Preloader, welchen ich schon einmal angesprochen habe sich nicht auf die Website selbst bezieht, sondern auch auf Images... (obwohl sich dieser der Beschreibung nach auf komplette HTML-Seiten beziehen sollte... :/)
 
Wenn es dir bei all den zuletzt entdeckten "Preloader"-Scripts hintergründig mehr um den an-/abschließenden schick animierten Seitenaufbau geht, pflanz' eben im aktuellen HTML zwischen <body></body> dieses ein:

HTML: 
<img src="404.png" class="notFound" />
und regle im CSS für die Klasse .notFound:

CSS: 
.notFound {display:none;}
Achja, die Grafikdatei "404.png" muß dazu selbstverfreilich nicht existieren ;-)
 
Zuletzt bearbeitet:
Dat hab ich mir jetzt fast gedacht mit der 404.png :)

Dennoch - bei mir macht er Zicken... Lässt sich aktuell nur mit dem Bild an sich bzw. der transparenten png-Darstellung lösen :(

Aber besser als gar nicht :)
 
verdammt - ich will wissen woran das liegt :D Das lässt mir jetzt auch absolut keine Ruhe! Kann ja nich sein, dass ich hier irgendwelche Codes übernehme ohne zu wissen was sie bedeuten....
 
tobm_knows_best hat gesagt.:
Dat hab ich mir jetzt fast gedacht mit der 404.png :)

Dennoch - bei mir macht er Zicken...
Zum Vergrößern anklicken....
Bei mir nicht :)

tobm_knows_best hat gesagt.:
verdammt - ich will wissen woran das liegt :D Das lässt mir jetzt auch absolut keine Ruhe! Kann ja nich sein, dass ich hier irgendwelche Codes übernehme ohne zu wissen was sie bedeuten....
Zum Vergrößern anklicken....
In Post #6 hatte ich einen relevanten Auszug des JS-Codes zitiert und ansonsten hier im Thread dazu auch schon alles gesagt, wodurch sich deine vorgestellte Seite vom Originalkonzept unterscheidet.

Der Schwerpunkt dieser Scripts ist nunmal das Vorladen von Bildern - vorzugsweise <img>-Elemente im HTML-Dokumentkörper <body></body>.
 
Zuletzt bearbeitet:
Damit hab ich es erfolgreich überprüft:

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<title>QueryLoader v2 Demo - Gaya Design</title>
		<meta http-equiv='Content-Type' content='text/html; charset=iso-8859-1' />       
        <link href='style.css' rel='stylesheet' type='text/css' />
        <script src="jquery.min.js" type="text/javascript"></script>
        <script src="jquery.queryloader2.js" type="text/javascript"></script>
        <script src="script.js" type="text/javascript"></script>        
    </head>
    <body>
        <div id="content">
            <h1>QueryLoader v2 demo page</h1>           
            <p>
            	This was a simple demo of what QueryLoader2 does: Giving a simple loading overlay
            	before showing the webpage.
            </p>           
            <p>
            	<a href="http://www.gayadesign.com/diy/queryloader2-preload-your-images-with-ease/">
            		Go back to the post
            	</a>
            </p>   
            <img src="404.png" class="notFound" alt="" />        
        </div>
    </body>
</html>
CSS: 
/* style.css */
body {background:url(bgImage.png)}
.notFound {display:none}
Meine Testumgebung (OS & Browser-Version) ist bekannt. Deine nicht.
 
Zuletzt bearbeitet:
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück