Zoomeffekt

[Mario348]

<script type="text/javascript">
function anzeigen(das){
 if(document.getElementById(das).style.display=="none") {
  document.getElementById(das).style.display="inline";
 }
 else {
  document.getElementById(das).style.display="none";
 }
}
</script>

<style type="text/css">
.bereich {
 position: absolute;
 text-align: center;
 font-weight: bold;
}

.beschreibung {
 color: #FFFFFF;
 background-color: #000000;
 display: block;
}
</style>

[B]<!-- Erstes Bild -->[/B]
<span class="bereich" style="display: none;" id="bild1">
 <img src="[B]gross1.jpg[/B]" border="1" onMouseOut="anzeigen('bild1');"><br>
 <span class="beschreibung">[B][I]Beschreibung 1[/I][/B]</span>
</span>
<img src="[B]klein1.jpg[/B]" border="1" onClick="anzeigen('bild1');">

[B]<!-- Zweites Bild -->[/B]
<span class="bereich" style="display: none;" id="bild2">
 <img src="[B]gross2.jpg[/B]" border="1" onMouseOut="anzeigen('bild2');"><br>
 <span class="beschreibung">[B][I]Beschreibung 2[/I][/B]</span>
</span>
<img src="[B]klein2.jpg[/B]" border="1" onClick="anzeigen('bild2');">

Wie kann ich hier die Position des Zoomeffekts steuern?
Wie kann ich den Effekt per Mouseover herbeirufen?