Vetinari: bilder zeitverzögert anzeigen

Hallo,

ich habe 3 bilder auf meiner seite, wobei das eine als hintergrundbild sofort erscheint. 2 andere sollen jeweils um ca. 1 sekunde verzögert nacheinander eingeblendet werden. auf flash will ich verzichten.
ich habe folgendes beim googlen gefunden:

<script language="JavaScript">
<!--
function show_only_img(x) {
document.getElementById('img_'+x).style.visibility = 'visible';
}

function sichtbar(x, wait) {
setTimeout("show_only_img("+x+");",wait+"000");
}

sichtbar(2, 1);
sichtbar(1, 2);
//-->
</script>

wenn dies eine gute lösung ist, wie muss das <img> tag dafür aussehen?

Danke und Gruss, Martin

  1. function show_only_img(x) {
    document.getElementById('img_'+x).style.visibility = 'visible';
    }

    ich persönlich würd mit display='none' und display='block' arbeiten, allerdings weis ich nicht mehr warum ich visibility nicht mag O.o

    wie muss das <img> tag dafür aussehen?

    <img src="./bild.jpg" id="img_1" alt="super bild" />
    <img src="./hui.jpg" id="img_2" alt="doofes bild" />

  2. @@Vetinari:

    ich habe 3 bilder auf meiner seite, wobei das eine als hintergrundbild sofort erscheint. 2 andere sollen jeweils um ca. 1 sekunde verzögert nacheinander eingeblendet werden.

    Du hast bedacht, dass die Bilder erstmal zum Client geschickt werden müssen, was u.U. deutlich länger als 1 Sekunde dauert? Und einen Einfluss darauf, in welcher Reihenfolge sie beim Client ankommen, hast du wohl auch nicht.

    Dein Vorhaben ist sinnlos (es sei denn, die Bilder sind schon beim Client im Cache).

    ich habe folgendes beim googlen gefunden:
    <script language="JavaScript">

    Millionenfacher Unsinn. Wie JavaScript richtig in HTML eingebunden wird.

    Live long and prosper,
    Gunnar

    --
    „Das Internet ist ein großer Misthaufen, in dem man allerdings auch kleine Schätze und Perlen finden kann.“ (Joseph Weizenbaum)