Bild "nachladen" mit Ladesymbol

[Gunnar Bittersmann]

@@Klawischnigg

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">

Wo hast du denn das ausgegraben?

Die type-Angabe ist in HTML spätestens seit HTML5 überflüssig; die language-Angabe war schon immer unsinnig.

Außerde ist es guter Stil, sämtliche Element- und Attributbezeichner kleinzuschreiben.

document.getElementById('PIC').innerHTML='<img src="'+document.getElementById('DUMMY').src+'">';

Fehler: Alternativtext (alt-Attribut) fehlt.

<img id="DUMMY" src="" style="display:none;">

Dito. Und src="" ist nicht regelkonform.

<button onclick="document.getElementById('PIC').innerHTML='<img src=\'hier_kommt_Dein_Ladegif_her\'>';document.getElementById('DUMMY').addEventListener('load',picLoaded,false);document.getElementById('DUMMY').src='hier_kommt_das_Bild_das_Du_anzeigen_moechtest_her';">Klick</button>

Dito. Und JavaScript inline im HTML (on…-Attribut) zu notieren ist auch fernab von best practice.

Und den load-Eventhandler innerhalb des click-Handlers zu definieren ist auch bestenfalls mittelmäßig sinnvoll.

LLAP 🖖