Foros del Web » Programando para Internet » Javascript »

Efecto en menu

Estas en el tema de Efecto en menu en el foro de Javascript en Foros del Web. Hola amigos: Necesito hacer un menu para que cuando pasen el raton sobre la imagen, la misma cambie por otra. El menu ya lo tengo ...
  #1 (permalink)  
Antiguo 28/02/2004, 15:36
 
Fecha de Ingreso: junio-2001
Mensajes: 277
Antigüedad: 22 años, 10 meses
Puntos: 1
Efecto en menu

Hola amigos:

Necesito hacer un menu para que cuando pasen el raton sobre la imagen, la misma cambie por otra.

El menu ya lo tengo listo, y es el que copio abajo, pero me falta saber que es lo que tengo que escribir en el Head para que el efecto funcione con rapidez, como corresponde.

Este es el menu que hice:




<tr>
<td><a href="bayit.htm" onMouseOver="if (document.intro1) document.intro1.src= 'bayit_glow.jpg'" onMouseOut="if (document.intro1) document.intro1.src= 'bayit.jpg'"><img border="0" src="bayit.jpg" name="intro1" width="139" height="22"></a></td>
</tr>
<tr>
<td><a href="girls.htm" onMouseOver="if (document.intro2) document.intro2.src= 'girls_glow.jpg'" onMouseOut="if (document.intro2) document.intro2.src= 'girls.jpg'"><img border="0" src="girls.jpg" name="intro2" width="139" height="22"></a></td>
</tr>
<tr>
<td><a href="beithachlama.htm" onMouseOver="if (document.intro3) document.intro3.src= 'beithachlama_glow.jpg'" onMouseOut="if (document.intro3) document.intro3.src= 'beithachlama.jpg'"><img border="0" src="beithachlama.jpg" name="intro3" width="139" height="22"></a></td>
</tr>
<tr>
<td><a href="bridal.htm" onMouseOver="if (document.intro4) document.intro4.src= 'bridal_glow.jpg'" onMouseOut="if (document.intro4) document.intro4.src= 'bridal.jpg'"><img border="0" src="bridal.jpg" name="intro4" width="139" height="22"></a></td>
</tr>
<tr>
<td><a href="medical.htm" onMouseOver="if (document.intro5) document.intro5.src= 'medical_glow.jpg'" onMouseOut="if (document.intro5) document.intro5.src= 'medical.jpg'"><img border="0" src="medical.jpg" name="intro5" width="139" height="22"></a></td>
</tr>
<tr>
<td><a href="say.htm" onMouseOver="if (document.intro6) document.intro6.src= 'say_glow.jpg'" onMouseOut="if (document.intro6) document.intro6.src= 'say.jpg'"><img border="0" src="medical.jpg" name="intro6" width="139" height="22"></a></td>
</tr>
  #2 (permalink)  
Antiguo 28/02/2004, 18:09
Avatar de Agripado  
Fecha de Ingreso: mayo-2001
Ubicación: En mi casa
Mensajes: 441
Antigüedad: 23 años
Puntos: 1
Precarga las imagenes

Perfesto!!!

Pero lo que te retraza la carga de las imagenes es que las jala desde la web y no desde el caché de la pc lo que haría más velóz la carga, entonce te dejo la dirección donde hay unos preloaders que sirven para precargar imagenes y así cuando pasa el mouse ya se ven más rapidas.

http://www.wsabstract.com/script/cutindex4.shtml

Revisa los "preload image scripts"

Espero te sirva

Saludos
__________________
El mundo es un mercado donde se compra honores, voluntad y conciencia
Samuel
  #3 (permalink)  
Antiguo 29/02/2004, 06:07
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 22 años, 8 meses
Puntos: 381
Trasladado al foro de javascript

movido desde html

saludos...
  #4 (permalink)  
Antiguo 29/02/2004, 15:25
 
Fecha de Ingreso: junio-2001
Mensajes: 277
Antigüedad: 22 años, 10 meses
Puntos: 1
Gracias Agripado por la respuesta. Pero me gustaria saber el codigo de esos preloaders que mencionas para instalarlos.

Chau y gracias
  #5 (permalink)  
Antiguo 29/02/2004, 15:27
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 22 años, 8 meses
Puntos: 381
Qué tal,

echa un vistazo en las FAQ de este foro (javascript) donde encontrarás una para realizar una precarga de imágenes
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:42.