Meerdere rollovers op 1 plaatje

Status
Niet open voor verdere reacties.

RowanP

Gebruiker
Lid geworden
21 feb 2007
Berichten
78
Ik ben nu bezig met het coderen van een website en ik loop tegen een probleem op.

Ik heb al vaak met rolloverbuttons gewerkt, maar ik loop hier vast.

Ik probeer bij 4 verschillende links op 1 plaatje verschillende rollovers te maken.

Ik zal het even schematisch uitleggen.

Link 1 (moet plaatje1 laten zien in het plaatje)
Link 2 (moet plaatje2 laten zien)
Link 3 (moet plaatje3 laten zien)
Link 4 (moet plaatje4 laten zien)

Plaatje (hier moet als je over 1 van de links gaan het bijpassende plaatje rolloveren, als je er weer vanaf gaat is het de bedoeling dat je "plaatje" weer gewoon ziet)

Als iemand mij kan helpen heel erg bedankt!

mvg Rowan
 
HTML:
<html>
<head>
<script language="JavaScript">
<!--
function veranderAfbeelding(afbeelding)
{
	var vervangAfbeelding = new Image;                
	vervangAfbeelding.src = afbeelding;
	document.afbeelding.src = vervangAfbeelding.src;
}
//-->
</script>
</head>
<body>
   <a href="#" onMouseOver="veranderAfbeelding('afbeelding1.jpg');" onMouseOut="veranderAfbeelding('afbeelding1.jpg');">Afbeelding 1</a><br>
   <a href="#" onMouseOver="veranderAfbeelding('afbeelding2.jpg');" onMouseOut="veranderAfbeelding('afbeelding1.jpg');">Afbeelding 2</a><br>
   <a href="#" onMouseOver="veranderAfbeelding('afbeelding3.jpg');" onMouseOut="veranderAfbeelding('afbeelding1.jpg');">Afbeelding 3</a><br> 
  <img src="afbeelding1.jpg" width=100 name="afbeelding">
</body>
</html>

De namen van de plaatjes uiteraard aanpassen. plaatje 1 is hier de standaard waarnaar ze allemaal terugkeren.
 
Status
Niet open voor verdere reacties.

Nieuwste berichten

Terug
Bovenaan Onderaan