Cambiar una imagen al pasar un ratón por encima en Javascript

Por Saiyine el 2009-01-26 08:24:53 - Secciones: JAVASCRIPT - Enlace permanente: 859

Este es un truco bastante sencillo, pero que puede usarse para efectos muy interesantes, como los típicos botones difuminados que se definen al pasar el ratón por encima, o el ya clásico de la hilera de iconos que el icono que tiene el puntero de ratón encima es mayor que los demás.

El código, muy simple, seria algo como:

Otras entradas de la web que podrian interesarte:

(388) ene 28 PERL Dejar pasar desde o hasta una linea
(521) nov 30 LINUX ¿Como puedo montar una imagen ISO (imagenes de CD) y usarla como si fuera un directorio?
(496) nov 30 DELPHI Recorrer los componentes de un form y cambiar una propiedad de un determinado tipo de componente
(895) nov 16 PRINCIPAL VIDEOS ESPACIO Molaria darse una vuelta por ahi
(742) ene 03 LINUX UBUNTU JAVA Cambiar la maquina virtual por defecto en Linux Ubuntu

3118

Anonimo (2009-02-13 07:52:34)

Necesito esta misma rutina pero para excel.

saludos

3288

Skata (2009-04-13 07:40:56)

Gracias por la info, ahbia encontrado varias pero no me funcionaban, la tuya es mas practica y me funciono a la primera.

4159

Anonimo (2010-01-21 06:02:09)

4702

Bertomania (2010-07-30 14:01:30)

Muchas Gracias. Sirve para Mucho!!

4959

Perikksson (2010-11-30 01:30:02)

Si no es mucha molestia, como se podria hacer para que cambiara a varias imagenes?, es decir, en mi web, mediate imagenes, enlazo el video correspondiente, y quiero que cuando se pase el raton por encima de la imagen, se vean varias imagenes correspondientes al video para que el usuario se haga una idea de que va el video.

Gracias de antemano y un saludo.

4960

Perikksson (2010-11-30 01:30:40)

Si no es mucha molestia, como se podria hacer para que cambiara a varias imagenes?, es decir, en mi web, mediate imagenes, enlazo el video correspondiente, y quiero que cuando se pase el raton por encima de la imagen, se vean varias imagenes correspondientes al video para que el usuario se haga una idea de que va el video.

Gracias de antemano y un saludo.

4961

Saiyine (2010-11-30 13:19:08)

Para varias imagenes se complica bastante, te lo puedo mirar esta noche.

Se me ocurre que quizás tengas un problema por el tiempo que tardan las imagenes en cargarse, que ya solo con un par como las de este ejemplo se nota algo.

4962

Saiyine (2010-11-30 13:25:56)

Mira, una idea, la mejor solución, de largo, es usar un gif animado para la secuencia de imagenes, y utilizar el ejemplo que os pongo.

Con javascript e imagenes normales va a usar muchisima más CPU. Aun así, lo pensaré.

4964

Perikksson (2010-11-30 23:14:20)

Gracias! lo probare.

o o o o