Bilder ändern

[cr1zz]

Ich habe folgendes Problem:

Ich möchte wenn ich auf ein Bild gehe zwei Bilder ändern: Das eigene Bild und noch ein anderes. Bisher habe ich es so versucht:

</head>
<script type="text/javascript">

pala = new Image();
pala.src = "images/paladin.jpg";
pala_over = new Image();
pala_over.src = "images/paladin_over.jpg";

box = new Image();
box.src = "images/box.jpg";
box_pala = new Image();
box_pala.src = "images/box_pala.jpg";

</script>

Und das Bild

<a
onMouseOver="self.document.pala.src=pala_over.src"
onMouseOut="self.document.pala.src=pala.src"
onMouseOver="self.document.box.src=boxpala.src"
onMouseOut="self.document.box.src=box.src"
href="#"><img name="pala" src="images/paladin.jpg" width="73" height="85" alt="" border="0"></a>


Das erste Problem ist, das sich das eigene Bild beim MouseOut nicht verändert und die Box.src erst gar nicht.

Ich bedanke mich schonmal für die Hilfe.

lg

cr1zz

[Andes]

Das das Bild bei onmouseout nicht gewechselt wird, liegt an der doppelten Namensgebung. Du erstellst ein neues Object 'pala' und hast auch ein Bild mit dem Namen.
Warum es bei Box gar nicht funktioniert kann ich dir nicht sagen, da du hier kein Objekt mit dem Namen eingestellt hast.


<script type="text/javascript">
var b1_over = 'image1_over.jpg';
var b1_out;
var b2_over = 'image2_over.jpg';
var b2_out;

function wechsel_over() {
var bild1 = document.getElementById('b1');
var bild2 = document.getElementById('b2');

b1_out = bild1.src;
b2_out = bild2.src;
bild1.src = b1_over;
bild2.src = b2_over;
}

function wechsel_out() {
document.getElementById('b1').src = b1_out;
document.getElementById('b2').src = b2_out;
}

</script>

<a href="#" onmouseover="wechsel_over()" onmouseout="wechsel_out()">
<img id="b1" src="image1_out.jpg" width="32" height="32" alt="" /></a>
<img id="b2" src="image2_out.jpg" width="32" height="32" alt="" />