On Mouse Over

[disear]

hallo zusammen,
Ich habe jetzt ne weile gesucht aber nicht das gefunden was ich wollte...
ich habe ein OnMouseOver effekt, mit einer Positionierung. (Enthält PHP Elemente)

<div style='position:absolute; top:409px; left:$left2; z-index:$reihe;'>
<img src='pics/mini/$bild' onMouseOver=\"this.src='pics/gross/$bild'\"   onMouseOut=this.src='pics/mini/$bild'></div>
</td>"

und das zugeöhrige Javascript:

<script language="JavaScript">
function changeImg(ImgName, ImgSrc) {
document.images[ImgName].src='ImgSrc';
}
</script>

so nun zu meiner Frage: Das erste bild ist 100x100px gross das 2. 200x200px. Wenn ich nun mit der Maus darüber Fahre öffnet das Bild in der gleichen Position. Ich möchte aber das das Bild 100px höher beginnt als das 1. Bild. gibt es eine möglichkeit, so dass das 2.Bild eine andere Positionierung erhält?

disear

P.S. der COde sollte möglichst ähnlich gehalten werden, sonst müsste ich zuviel verändern... Falls es keine möglichkeit gibt habe ich halt Pech gehabt...

 

[Sven Mintel]

jo, klar.... ändere die Eigenschaften style.top bzw. style.left des <div> nach Gusto.

 

[disear]

Danke für deine Antwort Sven!
ich habe es jetzt mal so versucht wie du mir Beschrieben hast, aber erhalte nicht den gewünschten Effekt. Habe ich etwa etwas falsch interpretiert? (oder stelle ich mich einfach zu blöd an...)
Der DIV Code sieht nun so aus:

<div style.top='position:absolute; top:409px; left:$left2; z-index:$reihe;' '>

Das Bild wird nun nach oben und unten ausgeklappt und verschiebt mir alles.... (also das Bild wird nicht mehr auf die oberste Ebene gelegt)