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 ...

Buscar en este tema:
Búsqueda avanzada
 
  • desconectado

    • 317

      MENSAJES

     
    Chamil escribió hace 5 años
     
    ¿Mensaje inapropiado?
    #1 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

    Responder a este tema

    Citar

    +
     
    0
    Me gusta
     
    | Más
  • desconectado

    • 52

      MENSAJES

    finalsite escribió hace 5 años ¿Mensaje inapropiado?

    #2 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

    Responder

    Citar

    Me gusta este mensaje
  • desconectado

    • 317

      MENSAJES

    Chamil escribió hace 5 años ¿Mensaje inapropiado?

    #3 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?

    Responder

    Citar

    Me gusta este mensaje
Estás en: Inicio >> Foros >> Informática >> Webmasters >> Desarrollo Web


Estadísticas del tema
  • 2 RESPUESTAS
  • 1227 VISTAS
  • 2 USUARIOS RESPONDIERON
 
Ir arriba
Contacto | Acerca de | Ayuda | Términos Legales | privacidad | Pautas de convivencia | Mapa de los foros | TrabajÁ con nosotros
©2008 Psicofxp.com S.A. - Todos los derechos reservados
Certifica IAB