no me gusta ese codigo, evaluar document.layers es evaluar si es netscape 4 cosa obsoleta desde hace años
con algunas modificaciones
Cita: <script language="JavaScript" type="text/javascript">
function PreCarga (objetoImagen, rutaImagen) {
eval (objetoImagen +' = new Image()')
eval (objetoImagen +'.src = "' + rutaImagen + '"')
}
PreCarga ('imagenone','images/1.jpg')
PreCarga ('imagentwo','images/2.jpg')
PreCarga ('imagenthre','images/3.jpg')
PreCarga ('imagenfour','images/4.jpg')
PreCarga ('imagenfive','images/5.jpg')
function marcar(ok) {
obj = document.getElementById("miImagen");
if(ok){
obj.style.filter="alpha(opacity=50)"; obj.style.MozOpacity=.5;
}
else{
obj.style.filter="alpha(opacity=100)"; obj.style.MozOpacity=1;
}
}
links = new Array("page1.jsp","page2.jsp","page3.jsp","page4.j sp","page5.jsp");
function CambiarImagen (objetoImagen,id) {
document.getElementById("divImagen").innerHTML = '<a href="'+links[id]+'"><img id="miImagen" onmouseover="marcar(1)" onmouseout="marcar(0)" /></a>';
document.getElementById("miImagen").src = eval(objetoImagen + ".src");
}
</SCRIPT>
<a href="javascript:CambiarImagen ('imagenone',0)">01</a> <br/>
<a href="javascript:CambiarImagen ('imagentwo',1)">02</a> <br/>
<a href="javascript:CambiarImagen ('imagenthre',2)">03</a> <br/>
<a href="javascript:CambiarImagen ('imagenfour',3)">04</a> <br/>
<a href="javascript:CambiarImagen ('imagenfive',4)">05</a> <br/>
<div id="divImagen">
<img id="miImagen" src="default.jpg" onmouseover="marcar(1)" onmouseout="marcar(0)" >
</div>
el efecto fade quizas te refieres algo como
http://clagnut.com/sandbox/imagefades/
ahora por tenerlo a la mano puse el efecto al posicionarse sobre y fuera de la imagen pero si lo quieres como en el link anterior seria cosa de hacer algunas modificaciones
para las direcciones a las que linke la imagen
en este array pones las direcciones correspondientes al link de cada imagen
Código:
links = new Array("page1.jsp","page2.jsp","page3.jsp","page4.jsp","page5.jsp");