Código PHP:
<html>
<head>
<title>Untitled</title>
</head>
<body>
<script>
var enlace=new Array;
enlace[1]="http://www.yahoo.com";
enlace[2]="http://www.google.com";
enlace[3]="http://www.maestrosdelweb.com";
enlace[4]="http://www.forosdelweb.com";
ventanaNueva=false; //pon true si quieres abrirlo en una nueva ventana
mismoFrame=false; //pon true si quieres que se abra en el frame donde está la imagen
var abridor=(ventanaNueva)?"window.open(":"location.href=";
var finalizador=(ventanaNueva)?")":"";
var abrirEn=(mismoFrame && !ventanaNueva)?"":"window.parent";
function abrir(){
eval(abrirEn+"."+abridor+"'"+pepeEnlace+"'"+finalizador);
}
var pepeEnlace=location.href;
var clickeado;
function encima(deEsto){
anterior=document.images[4].src;
deEsto.src=deEsto.src.split("-")[0]+"-1.jpg";
document.images[4].src=deEsto.src.split("-")[0]+".jpg"
}
function fuera(deEsto){
deEsto.src=deEsto.src.split("-")[0]+"-0.jpg";
if(clickeado!=deEsto)document.images[4].src=anterior;
}
function pinchado(esto){
clickeado=esto;
pepeEnlace=enlace[esto.id];
}
</script>
<style>
img{cursor:pointer;
cursor:hand;
</style>
<img id="1"
style="position:relative;top:0px;"
onmouseover="encima(this)"
onmouseout="fuera(this)"
onclick="pinchado(this)"
src="http://www.limadata.com/zippo/ayudame/imagenes/2123-0.jpg"><br>
<img id="2"
style="position:relative;top:30px;"
onmouseover="encima(this)"
onmouseout="fuera(this)"
onclick="pinchado(this)"
src="http://www.limadata.com/zippo/ayudame/imagenes/3001-0.jpg"><br>
<img id="3"
style="position:relative;top:60px;"
onmouseover="encima(this)"
onmouseout="fuera(this)"
onclick="pinchado(this)"
src="http://www.limadata.com/zippo/ayudame/imagenes/3143-0.jpg"><br>
<img id="4"
style="position:relative;top:90px;"
onmouseover="encima(this)"
onmouseout="fuera(this)"
onclick="pinchado(this)"
src="http://www.limadata.com/zippo/ayudame/imagenes/3144-0.jpg"><br>
<img style="left:140px;top:10px;position:absolute;"
onclick="abrir()"
id="grande"
src="http://www.limadata.com/zippo/ayudame/imagenes/fijo.jpg">
</body>
</html>