Billede ovenpå billede

Den nemmeste måde, jeg umiddelbart kan overskue, er at have et andet element i samme omkransende element, som man så viser eller skjuler, f.eks.

<div style="position:relative;">
  <img src="ditBillede.jpg" onmouseover="showSibling(this,true);" onmouseout="showSibling(this,false);">
  <img src="ditOverlay.jpg" style="display:none;position:absolute;top:0;left:0;opacity:0.2;filter:alpha(opacity=20);-moz-opacity:0.2;">
</div>

<script type="text/javascript">
function showSibling(elm,act){
  elm.nextSibling.style.display = act ? "inline" : "none";
}
</script>

roenving> Var det ikke nemmere at sende "inline"/"none" med, i stedet for at lave en forspørgsel på værdien af "act"?

Jeg kan godt se, at "true"/"false" er mere pædagogisk end "inline"/"none".. men nu snakker vi programmering.. :-)

-- tjah, hrm tjah, bom, bom ...

-- jeg kan sagtens forklare, at jeg bruger det, men det kan da godt være mere praktisk i en reel situation ...

-- det kunne jo være, at andre handlinger var afhængige af denne indstilling og skulle udføres samtidigt, og så vil forespørgsler være mere effektive på en boolean variabel !-)

Jeg har prøvet koden, men kan ikke rigtig få det til at fungere. Der kommer et popup med en fejl i linje 16 :S

..og så skal vi gætte os frem til, hvad der står på linie 16.....? :-)