Hallo,

möchte man nicht bei jedem hover-Effekt Bilder nachladen müssen, bietet es sich an ein Hintergrundbild zu verwenden und dessen Position zu verschieben.

Als Vordergrund dient ein leeres GIF- oder PNG-Bild mit transparenten Hintergrund:

<a id="prev" href="./index3.html" onclick="wechsel(1);"><img src="./leer.gif" border="0" /></a>

Das Hintergrundbild enthält 4 Grafiken:

Demo auf pipes-garage.de

diese werden mit CSS mittels background-position verschoben:

a#next img{
background-position:-26px -4px;
width:82px;
height:210px;
background-image:url(./navi.jpg);
}
a#prev img{
background-position:102px -4px;
width:76px;
height:210px;
background-image:url(./navi.jpg);
}
a#next:hover img{
background-position:-18px 230px;
}
a#prev:hover img{
background-position:94px 234px;
}