onMouseOver Grafik um 2 Pixel vergrößern

[Manu]

Hallo Leute,

möchte eine Grafik als Verweis hervorheben.
Hab mir gedacht die Grafik um 2 Pixel zu vergrößern wenn ich mit der Maustaste drüber bin.
Möchte dafür keine neue Grafik laden, es soll die selbe bleiben.
Das müsste doch  mit onMouseOver und onMouseOut gehen, da gibt es sicher was womit man die Größe verändern kann.

In etwa so soll das aussehen, aber weiter komm ich nicht.

<a href= "datei.htm" onMouseOver=???? onMouseOut=????>
<img src="bild.gif" width="57" height="16" border="0"></a>

Würde mich freuen wenn mir jemand dabei helfen könnte.

Gruß von Manu

[Chris (C)]

Hallo Manu,

da gibt es in Self ein Thema über Buttons. Daraus geht hervor, wie man ein Bild preloaden kann. Und dann kannst Du es ja solange unsichtbar machen, bis es dran ist...

Grüße

Chris (C)

[Dave]

Hi Chris,

ich glaube, das war nicht die Antwort auf seine Frage... http://selfhtml.teamone.de/javascript/objekte/images.htm dürfte interessanter sein.

mfg Dave

[Manu]

Danke für eure Antworten, aber so richtig bin ich nicht weiter gekommen.
Aber vielleicht geht das ja auch nicht was ich vor hab, möchte ja nicht eine neue Grafik laden.
Hab eine neue Idee, aber mir fehlt da wieder was.
Unter „Highlight1 = new Image();“ kann man sicher eine neue Größenangabe für die Grafik machen, so könnte die gleiche Grafik unter einer neuen Größe geöffnet werden, aber leider weis ich nicht wie ich das darin eingebe.

<a href="datei.htm" onMouseOver="Bildwechsel(1,Highlight1)" onMouseOut="Bildwechsel(1,Normal1)">
<img src="bild.gif" width="57" height="16" border="0"></a>

<script type="text/javascript">
<!--

Normal1 = new Image();
Normal1.src = "bild.gif";
Highlight1 = new Image();
Highlight1.src = "bild.gif";

function Bildwechsel(Bildnr,Bildobjekt) {
 window.document.images[Bildnr].src = Bildobjekt.src;
}
//-->
</script>