• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

css preload oder andere methode...

know

New member
ich habe folgende problem wenn ich bild über den text berühre da kommt also ein bild in der mittelpunkt aber problem ist, der bild besteht aus etwa 500 KB gross wie kann ich css preload machen oder wenn ich bild berühre da kommt die meldung mit z.b "bitte warte, der bild wird geladen..." und wenn der bild fertig ist und wird der bild angezeigt...


ich hoffe ihr versteht es...


kkm
 
hm, css preloader? Gibts sowas? Ich kenne nur Preloader in javascript oder flash.

Mit denen man das Bild schon vorladen lassen kann, wenn man die Seite betritt. Dann liegt das Bild bei dem Betrachter schonl im Cache und wenn er auf den Link zum Bild klickt wird es schnell aus seinem Cache geladen.
Code:
<html>
<head>
<script type="text/javascript">
<!--
var bild1 = new Image();
bild1.src = "1.gif";
var bild2 = new Image();
bild2.src = "2.gif";
//-->
</script>
</head>
<body>
<a href="meinlink.html" onmousedown="document.bild.src='2.gif';" onmouseup="document.bild.src='1.gif';" onfocus="this.blur();"><img name="bild" src="1.gif"></a>
</body>
</html>
 
Zuletzt bearbeitet:
Es ist natürlich schon ein Unding,
wenn man im Web ein Bild mit 500KB bereit stellt.
Das solltes Du überdenken.
Man kann Bilder gut klein kriegen,
indem man sie komprimiert.
Falls Du Fragen dazu hast, frage...
Ansonsten könntest Du das ALT-Attribut nutzen.
Z.B.
Code:
<img src="bild.jpg" [B]alt="Bitte warten. Das Bild wird geladen!"[/B] />
Dann sieht der User wenigstens etwas Text und weiß Bescheid...
 
womstar schrieb:
Bist Du Dir da sicher!?


Geht...allerdings nur kurz beim Vorladen des Bildes.
Sobald sich das Bild in den dafür definierten Bereich hineinlädt,
nicht mehr.
Und natürlich sieht man das auch nur,
wenn man eine helle Hintergrundfarbe verwendet...
 
Zuletzt bearbeitet:
Zurück
Oben