Image ändern bei Input-Image

[Roland]

Hallo,

ich habe ein Form, dass wenn ich auf das nachfolgende Input-Image klicke eine action ausführt. Dies funktioniert wunderbar.

<input type="image" src="images/admin/eintragen1.gif">

Ich möchte, wie es bei referenzen möglich ist, ein anderes Image anzeigen, wenn ich mit der Maus über diesen Button gehe.

<a href="guestbook.php"><img src="images/admin/eintragen1.gif"
        onMouseOver="Bildwechsel(29,Highlight1)"
           onMouseOut="Bildwechsel(29,Normal1)"></a>

Für Hilfe wäre ich unglaublich dankbar.

Regards
Roland

[glowhead]

moin!
zuerst definierst du ein array!

var a = new Array();
 a[0] = new Image(); a[0].src = "normal.gif";
 a[1] = new Image(); a[1].src = "hightlight.gif";

dann eine globale var:

var nr = 0;

und dann die functions für over und out:

function bOver(nr) {
 document.images[nr].src = a[1].src;
}
function bOut(nr) {
  document.images[nr].src = a[0].src;
}

nr steht für die indexnummer des fraglichen buttons als parameter im aufruf übergeben also:

<a href="guestbook.php"><img src="images/admin/eintragen1.gif"
        onMouseOver="aOver('indexnummer')"
           onMouseOut="aOut('indexnummer')"></a>

dann könnte es noch nen problem mit dem ansprechen des images im input geben, wovon ich immoment auch keine plan hab! weiß nicht ob du meine zeilen:

document.images[nr].src = a[1].src;

so ändern kannst:

document.formularname.inputname.images[nr].src = a[1].src;

zudem must du die ausgelagerte js datei im head noch referenzieren:

<script type="text/javascript" src="js_name.js"></script>

vieleicht geht das, ansonsten weiß ich auch nicht!
hoffe ich konnte helfen oder dir zumindest ne richtung weisen!
mfg glowhead