Multiple mouse over

Det undre mig at DU spørger:

<script language=javascript>
<!-- //

function MusOver() {
document.pic1.src="but1_over.gif";
document.pic2.src="back_p15_1.gif";
document.pic3.src="over1.jpg";
}

function MusUd() {
document.pic1.src="but1.gif";
document.pic2.src="back_p15.gif";
document.pic3.src="tom_mouseover.jpg";
}


// -->
</script>


<a href="#" onMouseOver="MusOver()" onMouseOur="MusUd()">
<img src="but1.gif" name="pic1">
<img src="back_p15.gif" name="pic2">
<img src="tom_mouseover.jpg" name="pic3">
</a>

Hov... Rettelse:

<a href="#" onMouseOver="MusOver()" onMouseOut="MusUd()">

Det er klart du undrer dig, for du svarer ikke helt på mit spørgsmål.

Fordi det same script skal styre 4 andre funktioner. Nemlig når "but2.gif" er det 3 nye billeder som skal vises. Derfor virker dit script ikke til formålet.

Er jeg helt galt på den nu???

function skiftBillede(pic_id,pic_navn) {
document.pic_id.src="pics/"+pic_navn+" ";
}

<a href="#"
onMouseOver="skiftBillede(pic1,but1_over.gif);
skiftBillede(pic2,back_p15_1.gif);
skiftBillede(pic3,over1.jpg)"

onMouseOut="skiftBillede(pic1,but1_over.gif);
skiftBillede(pic2,back_p15.gif);
skiftBillede(pic3,tom_mouseover.jpg)">

<img src="but1.gif" name="pic1">

</a>

<img src="back_p15.gif" name="pic2">

<img src="tom_mouseover.jpg" name="pic3">

Det ser mere rigtigt ud, jeg tester det senere i dag ;-)

Kan du ikke lige forklare din funktion, en smule mere udførligt. Evt. indsætte mine filnavne?

Jeg har indsat but1.gif og kaldt det 'pic1'. Så har jeg lavet det til et link, så jeg senere kunne lave en mouseOver funktion.

Der efter har jeg indsat 'back_p15.gif' og 'tom_mouseover.jpg' og kaldt dem henholdsvis 'pic2' og 'pic3'.

Function 'skiftBillede' fungere på den måde, at den får 2 parameter fra onMouseOver/onMouseOut : 'pic_id' som egentlig er 'image name', og pic_navn som er 'image src'.

Hvis du f.eks siger:
onMouseOver="skiftBillede(pic1,but1_over.gif);

vil den indsætte parameterne således i funktionen:

function skiftBillede(pic1,but1_over.gif) {
document.pic1.src="pics/but1_over.gif";
}

Forstår du det???

Hvis du så skal lave en onMouseOver på but2.gif gør du således:


<a href="#"
onMouseOver="skiftBillede(pic4,but2_over.gif);
skiftBillede(pic2,back_p15_1.gif);
skiftBillede(pic3,over1.jpg)"

onMouseOut="skiftBillede(pic4,but2.gif);
skiftBillede(pic2,back_p15.gif);
skiftBillede(pic3,tom_mouseover.jpg)">

<img src="but2.gif" name="pic4">

</a>



Desuden har jeg lige en rettelse til selve hovedsvaret:
onMouseOut="skiftBillede(pic1,but1.gif);
skiftBillede(pic2,back_p15.gif);
skiftBillede(pic3,tom_mouseover.jpg)">

Skjoldet

Ok så

Nu har jeg prøvet det efter UDEN held.

Min kode ser således ud:

<html>
<head>
<script LANGUAGE="JavaScript">

img = new Image;

function changeImg(imgName, target) {
  img.src = imgName;
  document[target].src = img.src;
}

</script>
</head>
<body>
<P><a href="#"
onmouseover="changeImg('pic1', 'but1_over.gif');
skiftBillede('pic2', 'string1.gif');
skiftBillede('pic3', 'over1.jpg')"

onmouseout="changeImg('pic1', 'but1.gif');
skiftBillede('pic2', 'string.gif');
skiftBillede('pic3', 'tom_mouseover.jpg')">

<img src="but1.gif" name="pic1" border=0>

</a>
<br>
<a href="#"
onmouseover="changeImg('pic4', 'but2_over.gif');
skiftBillede('pic2', 'string1.gif');
skiftBillede('pic3', 'over1.jpg')"

onmouseout="changeImg('pic4, 'but2.gif');
skiftBillede('pic2', 'string.gif');
skiftBillede('pic3', 'tom_mouseover.jpg')">

<img src="but2.gif" name="pic4" border=0>

</a>
</p>
<p>
<img src="string.gif" name="pic2">
</p>
<p>
<img src="tom_mouseover.jpg" name="pic3">
</p>
</body>
</html>

OBS: jeg har ændret et par af filnavnene.

Du har skrevet:
<a href="#"
onmouseover="changeImg('pic1', 'but1_over.gif');
skiftBillede('pic2', 'string1.gif');
skiftBillede('pic3', 'over1.jpg')">

Var det ikke en ide at bruge changeImg alle steder???

Du skal jo også bytte om på imgName og target i funktionen:

function changeImg(target, imgName)

skjoldet

Ja der kan man bare se. Det var sgu noget af blunder jeg gjorde mig der... Det skyldes nok en lidt for heftig fest igår ;-)

Men det korte af det lange er at det nu virker. Så mange tak for hjælpen.