Responder
Como hacer que la imagen resalte al pasar el puntero
Haz clic para ver el perfil del usuario

Machacateclados
Machacateclados

#1
Eh visto en algunas paginas web que cuando paso por ensima de alguna imagen con el puntero del mouse... esta resalta con brillo...


a mi me gustaría el código para provocar ese efecto, pues lo quiero usar en mi menu de links, ya que los tengo como botones gif.


a ver si se me entendió...
Haz clic para ver el perfil del usuario

@man / @woman
@man / @woman

#2


Son botones hechos con rollovers de dos estados. En un estado el botón esta normal y en el segundo estado la imagen del botón tiene el efecto de brillo y se acciona con el evento OnMouseOver.

El codigo es este, a ver si me explico:

- Paso 1 -
Entre el <head> y el </head> del sitio vas a poner la siguiente funcion Javascript:

<SCRIPT languaje="JavaScript">
function mueveimg(img_name,img_src)
{
document[img_name].src=img_src;
}
</SCRIPT>



- Paso 2 -
Cada imagen que quieras que cambie cuando pase el mouse deberas agregarle un parametro name="nombre de la imagen" donde podras ponerle un nombre cualquiera a la imagen (no necesariamente el del archivo) pero que no se repitan.



- Paso 3 -
Vas a poner como ligas los botones que es donde quieres que al pasar el mouse cambie la imagen con el siguiente formato:

<a href="#" onmouseover="mueveimg('nombre que le diste a la imagen','URL de la imagen CON el mouse encima');return true;" onmouseout= "mueveimg('nombre que le diste a la imagen','URL de la imagen SIN el mouse encima');return true;"><img name="nombre que le diste a la imagen" border="0" src="URL de la imagen SIN el mouse encima"></a>

(poco lioso )



Consideraciones:
- En la liga "nombre que le diste a la imagen" debe ser exactamente el mismo del parametro name="nombre de la imagen"

- Debes tener cuidado con las URL de las dos imagenes (con y sin mouse)




CASO PRACTICO

<!-- Funcion para traslapar las imagenes-->
<head>
<SCRIPT languaje="JavaScript">
function mueveimg(img_name,img_src)
{
document[img_name].src=img_src;
}
</SCRIPT>
</head>

<body>


<!-- Codigo de uno solo de los botones, uno por cada boton -->

<a href="#" onmouseover="mueveimg('MiImagen','MiImagenOn.gif');return true;" onmouseout= "mueveimg('MiImagen','MiImagenOff.gif');return true;"><img name="MiImagen" border="0" src="MiImagenOff.gif" width="80" height="80"></a>

</body>

Haz clic para ver el perfil del usuario

Machacateclados
Machacateclados

#3
vaya... voy a practicar con los códigos... y gracias caos por responder...


mmm... cualquier cosa yo te pregunto luego... aaa...



lo voy a probar apenas me haga de tiempo...



de veras muchas gracias...





sups... muchas gacias...
Haz clic para ver el perfil del usuario

Usuario habitual
Usuario habitual

#4

No, no, no!!!!!!!

Este kodigo lko use yo una vez, y no es kon efekto rollover, es una sola imágen


Kuando lo enkuentre te lo paso

Haz clic para ver el perfil del usuario

@man / @woman
@man / @woman

#5
Escrito originalmente por Blacksback
No, no, no!!!!!!!

Este kodigo lko use yo una vez, y no es kon efekto rollover, es una sola imágen


Kuando lo enkuentre te lo paso




Me gustaria que te explicaras mejor.

Lo que es seguro es que el codigo que publique hace exactamente lo que Keii queria

ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual
Opciones:
Suscribir

Permisos:

TU NO PUEDES Escribir nuevos temas en este foro
TU NO PUEDES Responder a los temas en este foro
TU NO PUEDES Editar tus propios mensajes en este foro
TU NO PUEDES Borrar tus propios mensajes en este foro
Ahora son las 04:27 UTC+02:00 DST
Ir al subforo:
Temas similares
TemaUsuariosRespuestasVisitasActividad
24kJan/05