bildertausch in <input type="image">

[isabel]

liebe leute,

ist es möglich in einem :

<div id="test">
<input type="image" src="....gif" onmousover="tauscheDivImage('test','such','test.gif');" id="such"/>
</div>

function tauscheDivImage(pDivName,pImageName,pImageQuelle){
  for(var i=0;i<arguments.length;i=i+3){
 document.images[arguments[i+1]].src = arguments[i+2];
  }
}

einen bildertausch zu machen, in dem mit onmousover="tauscheDivImage();" eine bildtausch funktion aufgerufen wird!

Ich bekomme einen Fehler, in der Form das der IE und Mozialla das Bildobject nicht kennen.
Gibts da noch Möglichkeiten oder gehts einfach nicht.

Grüße
Isabel

[Johannes Röckert]

Hallo Isabel,

das Problem ist hier einfach, dass die <input>-Objekte nicht in der Imageliste registriert werden.

Du kannst das Problem wie folgt lösen:
Statt <input type="image" src="..."> benutzt Du <img src="...">. Die onX-Events sollten trotzdem einwandfrei funktionieren.

...oder Du sprichst das Element direkt (nicht über document.images) an. Damit Du nicht für jedes Bild einen einzigartigen Bezeichner vergeben musst, bietet sich folgende Möglichkeit an:

...
<script type="text/javascript">
function swapImage(image, dest) {
image.src = dest;
}
</script>
...
<input type="image" onMouseOver="swapImage(this, 'test.gif')" />

Grüße,

• Johannes

[isabel]

Hallo Johannes,

supi dupi, klappt wie gewünscht und war wirklich einfach!

danke
ISabel