Vis billede i forgrunden

du skal bruge "z-index" i CSS til at løse denne opgave.

kan ikke lige se hvordan. Bruges z-index ikke til eksisterende billeder på ens side? Altså om et eksisterende billede skal placeres foran eller bagved tekst?

Jeg har brug for noget som når man klikker på et link, så tager den et nyt billede og placerer det i forgrunden på den allerede loadede hjemmeside.

Jeg tror måske at det er sådan noget her:
http://fancybox.net/
du er ude efter.

Hvis du opretter en tom DIV, og sætter z-index på denne til altid at ligge forrest. Og når der så trykkes på dit link sætter du billedet ind i DIV

<div style="z-index: 1000; visibility: hidden">
<img id="img_shower" src="" alt="">
</div>

<a href="#" onclick="java script: funktion_til_at_skift_billede();">Link til billede</a>

<script type="text/javascript">
function funktion_til_at_skift_billede()
{
var _elem = document.getElementById('img_shower');
_elem.src = 'billede.jpg';
_elem.style.visibility = 'visible';
}
</script>

@mcb2001

Det ser faktisk ok ud, jeg har dog lige et spørgsmål. Kan jeg hvis jeg gør det som du skriver, f.eks. få den til at vise billedet centreret på siden?

Det ville være noget ala det her. Du lægger den absolut på siden, tvinger den til at være 100% høj og bred og align'er så indhold.

<div style="z-index: 1000; visibility: hidden; width: 100%; height: 100%; vertical-align: middle; position: absolute; top: 0px; left: 0px;" align="center">
<img id="img_shower" src="" alt="">
</div>

@mcb2001
jeg fik det til at virke, så hvis du lige svarer :-)

velbekomme