fade en mouseover - 2 imagenes

Si eres usuario
Ingresa aquí »

¿Eres nuevo?

psicofxp.com

Google ?

Google
Artículos
Foros
Fotos
Videos
Amigos

Estás en: Inicio / Foros / Informática / Webmasters / Desarrollo Web

Desarrollo Web » fade en mouseover - 2 imagenes
Participa en el tema fade en mouseover - 2 imagenes en el foro Desarrollo Web. hola Tengo una imagen, quiero ponerla en b&n y que al poner el mouse encima ...

0votos

LinkBack

Herramientas

Buscar en este tema

Chamil

Calamarus Fanaticus

#1 | 21.01.2005, 19:29 hs.

fade en mouseover - 2 imagenes

hola
Tengo una imagen, quiero ponerla en b&n y que al poner el mouse encima haga una fade hacia la imagen original y en mouseout vuelva en fade. Todo usando una sola imagen.
Si no hacer un cambio de imagen con mouseover con fade.
Alguien conoce algun script?
Gracias

finalsite

Dirección de email sin confirmar

#2 | 21.01.2005, 21:59 hs.

Re: fade en mouseover - 2 imagenes

Hola hace un tiempo hice algo parecido, salvo que la imagen se ve "original" y cuando "pasas el mouse" sobre la imagen se ponga en "blanco y negro" digamos escala de grises.
Pero lo hice con un style nuevo, por si te sirve de algo te muestro el style:

Código:

img {A:hover, A:active {color: #FFFFFF }} 
A:hover img, A:active img {FILTER: "Gray";border:2px; border-thickness: 2px; border-color: #ffcc00; border-style: solid}

podes modificar los bordes, colores, etc.

fijate.. quizas modificando un poco ese style podes hacer lo que estas buscando.
Esto que te pase lo aplicaba sobre imagenes que tenian un enlace.

Por si no sabes el estilo lo tenes que poner asi:

Código:

<head>
<style>
img {A:hover, A:active {color: #FFFFFF }} 
A:hover img, A:active img {FILTER: "Gray";border:2px; border-thickness: 2px; border-color: #ffcc00; border-style: solid}
</style>
</head>

Se puede poner de otra manera, pero creo que esta es la mas simple.

Espero que te sirva de algo.

Saludos

Ariel

Chamil

Calamarus Fanaticus

#3 | 24.01.2005, 09:56 hs.

Re: fade en mouseover - 2 imagenes

Gracias!
¿Sabes si puedo agregar el efecto fade al mismo tiempo?
o hacer un fade entre 2 imagenes diferentes?

Desarrollo Web» fade en mouseover - 2 imagenes

« Tema anterior | Siguiente tema »

Herramientas	Buscar en este tema
Versión para imprimir Enviar por correo	Buscar en este tema: Búsqueda avanzada
Califica este tema
Califica este tema:

Este tema está relacionado con otros ya publicados en el sitio. Podés visitarlos ahora!
Tema	Iniciado por	Foro	Resp.	Último mensaje
Imagen flotante para mouseover	LeaX	Desarrollo Web	7	24.01.2006 03:51 hs.
Nero, fade in fade out	elchoco10	Software	3	11.06.2005 10:35 hs.
[Flash] Botón con Efecto Fade-in & Fade-out	Dimmu-Borgir	Diseño Web	8	25.02.2003 12:49 hs.
[Dreamweaver] cambiar imagen de fondo con un mouseover	chali	Diseño Web	10	03.02.2003 02:15 hs.
[Dreamweaver] como hago para que aparezca la manito en un mouseover?	mandel	Diseño Web	2	16.05.2002 04:26 hs.