nicht angemeldet
"Überlappen" von Bildern bei onMouseOver
Hallo,
Ich habe zwar ein wenig rum probiert, aber irgendwie komme ich nicht weiter:
Erstmal, habe ich mehrere Bilder aneinander gereiht, so in etwa:
http://bildrian.de/n/b/de44eb2919ff7967.bmp
Ich möchte gerne, dass sich ein Bild bei onMouseOver in ein anderes, völlig unterschiedliches Bild verändert. Das funktioniert mit:
<span onMouseOver="imagechange.src='groß-a'" onMouseOut="imagechange.src='klein-a.gif'"><img src="groß-a.gif" width="80" height="80" border="0" id="imagechange"></span>
soweit auch sehr gut.
Jedoch, muss das Bild beim überfahren mit der Maus größer sein, als das erst zu sehende. Bei diesen Code besitzen aber beide die selbe Größe. Vermutlich unter anderen wegen der Id.
Wie bekomme ich es jetzt hin, dass "klein-a.gif" beim drüber fahren größer wird als "groß-a.gif", jedoch angrenzende Bilder nicht verschoben, sondern von "klein-a.gif" teilweise "überlappt" werden? So, dass es in etwa wie auf diesen Bild aussieht:
http://bildrian.de/n/b/ab2659044d5f9f4b.bmp
Und wäre es auch möglich dies weiterhin mit der <span onmouseover> funktion hin zu bekommen, oder müsste ich völlig Umstrukturieren?
Danke, im Vorraus.
Cert