Homepage selbermachen 7.846 Themen, 35.563 Beiträge

Verfolgung starten Optionen

Bild erst anzeigen, wenn übertragen.

Webbi (Anonym) / 2 Antworten / Flachansicht Nickles

Hallo miteinander. Ich habe folgendes Problem. Ich habe in meiner Seite ein Bild eingebunden, dass erst angezeigt werden soll, wenn es komplett übertragen ist. Wie erreiche ich diesen Effekt?


Für alle die sich fragen für was ich das brauche:
Es handelt sich um ein kleines Comic. Jetzt wird es aber von oben nach unten geladen, d.h. der Besucher kann schon den Text des letzten Bildes lesen bevor er die Figuren dazu sieht. Dadurch geht der ganze Witz verloren. Wird das Comic erst angezeigt wenn es komplett geladen ist wird es (so hoffe ich ;-) von links nach rechts gelesen.

Vielen Dank im vorraus.

bei Antwort benachrichtigen
Publisher Webbi (Anonym) „Bild erst anzeigen, wenn übertragen.“
Optionen

Hallo,

die von Dir gestellte Aufgabe dürfte mit JavaScript zu lösen sein. Der vereinfachte Code sieht in etwa wie folgt aus (ich hoffe, dass ich noch alles Wesentliche drin gelassen habe):

(head)
(title)
(/title)
(script language="JavaScript")
(!--
pic1=new Image (200,300);
pic1.src="bildname.jpg";
//--)
(/script)
(/head)
(body)
(img src="bildname.jpg" alt="text")
(/body)
(/html)


a) Die runden Klammern sind durch eckige zu ersetzen;

b) Bei der Angabe (200,300) musst Du anstelle von 200 die Breite und anstatt 300 die Höhe Deines Bildes in pixel eintragen;

c) Der Bildaufruf im "Body-Teil" muss eventuell noch Angaben enthalten, wo der Browser das Bild suchen muss;

d) Statt "bildname.jpg" sollte der Name und das Datei-Format (file extension) Deiner Bilddatei vorkommen.

e) Falls mehr als eine Bilddatei, dann musst Du innerhalb des JavaScripts entsprechende zusätzliche Zeilen vorsehen:

pic2=new Image (...,...);
pic2.src="bildname2.jpg";

usw.

Wie beim Lotto erfolgten diese Angaben wie immer ohne Gewähr :-))

Ich hoffe, dass es trotzdem funktioniert.

Gruss

Publisher

bei Antwort benachrichtigen
wäre das nicht auch mit einer tabelle zu erreichen? soweit ich weiss, wird ... the_mic