Ver Mensaje Individual
  #3 (permalink)  
Antiguo 03/10/2006, 01:34
php.java.jsp
 
Fecha de Ingreso: octubre-2004
Mensajes: 128
Antigüedad: 20 años, 4 meses
Puntos: 2
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");