bild soll sich verändern

hallo
ich will gen ein bild in meine HP einfügen, dass sich verändert wenn man mit der maus drüberfährt. ich will es so machen, dass wenn man links oben drüberfährt dass dann ein anderes bild kommt, wie wenn man rechtz drüberfährt...
wie kann man das machen????

GreenRover

Das dürfte es ungefähr treffen oder ???

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript">
var bild_out  = new Image();
var bild_left = new Image();
var bild_right= new Image();


bild_out.src  = "bild1.gif";
bild_left.src = "bild2.gif";
bild_right.src= "bild3.gif";


function aendern_out()
	{ document.images.Bild.src=bild_out.src; }


function aendern_left()
	{ document.images.Bild.src=bild_left.src; }


function aendern_right()
	{ document.images.Bild.src=bild_right.src; }


</script>
</head>
<body>
<area coords="1,0,50,100"     shape="rect" onMouseOver="aendern_left()"  onMouseOut="aendern_out()">
<area coords="51,101,100,200" shape="rect" onMouseOver="aendern_right()" onMouseOut="aendern_out()">
[img]bild1.gif[/img]
</body>
</html>

Alles anzeigen

wenn nicht nehme halt 2 bilder und eien ähnliche methode. Falls dir das mit den area nicht so gefällt.

Tags