ein Lösungsvorschlag.
Achtung die mitgegeben Jpg's in dem Ordner "bilder" speichern, dann funkts auch.
mfg
Wicked Wizz
<html>
<head>
<meta name="author" content="Wicked Wizz">
<style type="text/css">
body {font-family:Arial,Helvetica,Sans-Serif;
background-color:#000000;}
a {color:yellow;}
#a1 {position:absolute; top:10px; left:820px;}
#b1 {position:absolute; top:110px; left:820px;}
#c1 {position:absolute; top:210px; left:820px;}
#d1 {position:absolute; top:310px; left:820px;}
</style>
<script type="text/javascript">
function bilda()
{
document.getElementById("a1").src="bilder/nummer01.jpg"
document.getElementById("a1").alt=""
}
function blanka()
{
document.getElementById("a1").src="bilder/nummernix.jpg"
document.getElementById("a1").alt=""
}
function bildb()
{
document.getElementById("b1").src="bilder/nummer02.jpg"
document.getElementById("b1").alt=""
}
function blankb()
{
document.getElementById("b1").src="bilder/nummernix.jpg"
document.getElementById("b1").alt=""
}
function bildc()
{
document.getElementById("c1").src="bilder/nummer03.jpg"
document.getElementById("c1").alt=""
}
function blankc()
{
document.getElementById("c1").src="bilder/nummernix.jpg"
document.getElementById("c1").alt=""
}
function bildd()
{
document.getElementById("d1").src="bilder/nummer04.jpg"
document.getElementById("d1").alt=""
}
function blankd()
{
document.getElementById("d1").src="bilder/nummernix.jpg"
document.getElementById("d1").alt=""
}
</script>
</head>
<body>
<a id="a" onmouseover="bilda();" onmouseout="blanka();" >a</a>
<img id="a1" src="bilder/nummernix.jpg" alt="">
<br />
<a id="b" onmouseover="bildb();" onmouseout="blankb();">b</a>
<img id="b1" src="bilder/nummernix.jpg" alt="">
<br />
<a id="c" onmouseover="bildc();" onmouseout="blankc();">c</a>
<img id="c1" src="bilder/nummernix.jpg" alt="">
<br />
<a id="d" onmouseover="bildd();" onmouseout="blankd();">d</a>
<img id="d1" src="bilder/nummernix.jpg" alt="">
<br />
</body>
</html>