Problem mit Bild im Overlay

[devilseye]

hi Leute hab ein kleines Problem ich möchte das Bild auf dass geklickt wurde gross anzeigen
hier mal kurz der Relevante Code

hier sind die Bilder

...
            <p><img onclick="zeigeBild(this);" src="bilder/godward/in_the_days_of_sappho.jpg" alt="" /></p>
            <p><img onclick="zeigeBild(this);" src="bilder/goyen/landschaft_mit_zwei_eichbaeumen.jpg" alt="" /></p>
            <p><img onclick="zeigeBild(this);" src="bilder/heade/blue_morpho_butterfly.jpg" alt="" /></p>
            <p><img onclick="zeigeBild(this);" src="bilder/ingres/oedipus_and_the_sphinx.jpg" alt="" /></p>
            <p><img onclick="zeigeBild(this);" src="bilder/leighton/june.jpg" alt="" /></p>
            <p><img onclick="zeigeBild(this);" src="bilder/poussin/et_in_arcadia_ego.jpg" alt="" /></p>
            <p><img onclick="zeigeBild(this);" src="bilder/raphael/school_of_athens.jpg" alt="" /></p>
            <p><img onclick="zeigeBild(this);" src="bilder/sandys/morgan_le_fay.jpg" alt="" /></p>
            <p><img onclick="zeigeBild(this);" src="bilder/strudwick/circle_of_scylla.jpg" alt="" /></p>
            <p><img onclick="zeigeBild(this);" src="bilder/wallis/death_of_chatterton.jpg" alt="" /></p>
            <p><img onclick="zeigeBild(this);" src="bilder/waterhouse/lady_of_shalott.jpg" alt="" /></p>
...

hier das Overlay mit dem Bild. Wenn das Bild entfernt wird, wird gar nichts mehr angezeigt.

...
    <div id="overlay" class="verborgen" onclick="schliesseBild();">
        <p>
            <img src="bilder/godward/in_the_days_of_sappho.jpg" alt="" />
        </p>
    </div>
...

hier der Javascript für die beiden Funktionen

function zeigeBild(vorschaubild) {
    document.getElementsByTagName("img").src = vorschaubild;
    document.getElementById("overlay").className = "";
    
}


function schliesseBild() {
    document.getElementById("overlay").className += "verborgen";
}

Ich habe bereits versucht das Bild im Javascript zu zeichnen jedoch weiss ich nicht wie ich dies dann in den
p tag im overlay div kriege.

kann mir jemand helfen? Es ist eine Aufgabe in der Schule ich darf keine weiteren Funktionen hinzufügen und das
HTML darf auch nicht verändert werden.

Danke schon im voraus Devilseye

 

[Timmer]

Nunja, was mir direkt auffällt:

document.getElementsByTagName("img").src = vorschaubild; kann nicht funktionieren, da getElementsByTagName ein Array zurück gibt. Außerdem willst du ja nur das eine img füllen. Verpass diesem img doch eine ID und setze so die src?

 

[devilseye]

Würde ich... Aber ich darf die Html
nicht verändern, daher geht das nicht.
wie kann ich denn ansonsten auf das src
arrgument zugreifen?

 

[devilseye]

Habs raus document.getElementById("id").getAttribute("src") damit gehts