Bild erst nach dem laden anzeigen...
Andreas
- html
Hallo,
ich habe ein zu großes Gif (nennen wir es BILD1), dass ich einfach nicht kleiner bekomme.
Ich möchte nun ein Bild2 einfügen, solange Bild1 noch nicht geladen ist.
Ich habe die Beschreibung in S-HTML auch schon mal gelesen, kann mich aber nicht mehr errinnern, wo sie war.
Gruß,
Andreas
Hallo Andreas,
Ich möchte nun ein Bild2 einfügen, solange Bild1 noch nicht geladen ist. Ich habe die Beschreibung in S-HTML auch schon mal gelesen, kann mich aber nicht mehr errinnern, wo sie war.
Was du vermutlich meinst, ist das lowsrc-Attribut, das Netscape vor Urzeiten mal eingefuehrt hat:
<img src="vielebytes.gif" lowsrc="wenigbytes.gif">
Wobei beide Grafiken die gleichen Breiten- und Hoehenmasse haben muessen.
Aber das versaut bloss das standardkonforme HTML. Eine modernere Moeglichkeit ist es, mit JavaScript zu arbeiten. In HTML notierst du einfach:
<img src="wenigbytes.gif" name="Austauschbild">
und in JavaScript:
<body onLoad="Austauschen()">
und
<head>
<script language="text/javascript">
eigentlichesBild = new Image();
eigentlichesBild.src = "vielebytes.gif";
function Austauschen() {
document.Austauschbild.src = eigentlichesBild.src;
}
</script>
Alles ohne Gewaehr ;-)
viele Gruesse
Stefan Muenz
Hallo,
<img src="wenigbytes.gif" name="Austauschbild">
und in JavaScript:
<body onLoad="Austauschen()">
und
<head>
<script language="text/javascript">
eigentlichesBild = new Image();
eigentlichesBild.src = "vielebytes.gif";
function Austauschen() {
document.Austauschbild.src = eigentlichesBild.src;
}
</script>
Das hat allerdings den Nachteil, dass bei deaktiviertem JavaScript nur das lowsrc-bild angezeigt wird. besser wäre:
<img src="vielebytes.gif" name="Austauschbild" />
<script language="JavaScript">
<!--
document.Austauschbild.src = "wenigbytes.gif";
//-->
</script>
und
<body onLoad="Austauschen()">
und
<head>
<script language="text/javascript">
<!--
eigentlichesBild = new Image();
eigentlichesBild.src = "vielebytes.gif";
function Austauschen() {
document.Austauschbild.src = eigentlichesBild.src;
}
//-->
</script>
Dann wird bei deaktiviertem JavaScript gleich das echte Bild geladen.
Anmerkung: IMHO ist das eine technische Spielerei, die mehr verwirrt als nützt. Ich bin grundsätzlich dafür, HTML dafür herzunehmen, wofür es auch gedacht ist, und nicht "umzuprogrammieren". Das alt-Attribut tut's in den meisten Fällen auch.
Robert
http://www.designauswahl.here.de
mit kostenlosem Webseiten-Generator ROBE.dit
[more than a HTMLE.dit]
Moin!
Anmerkung: IMHO ist das eine technische Spielerei, die mehr verwirrt als nützt. Ich bin grundsätzlich dafür, HTML dafür herzunehmen, wofür es auch gedacht ist, und nicht "umzuprogrammieren". Das alt-Attribut tut's in den meisten Fällen auch.
Ganz genau. Statt daß man auf das kleine, und dann nochmal auf das große Bild warten muß, kann man lieber gleich die Downloadenergie in das große Bild stecken.
BTW: Es gibt interlaced GIF und progressive JPEG nicht umsonst, das wurde genau dafür erfunden: Möglichst schnell einen groben Eindruck vom Bild verschaffen, aber dann eine bessere Qualität anzeigen.
- Sven Rautenberg