Mil Trucos Blogger

Efecto desvanecer en imágenes al pasar el cursor

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

Este es un efecto muy lindo y es que al pasar el cursor sobre una imagen esta se aclara suavemente.
Visualmente le da un toque de elegancia al blog,y lo mejor es que el efecto se aplica a todas las imagenes de la plantilla no como otro trucos que circulan en la web que funcionan muy bien pero hay que aplicar un codigo a cada imagen.


Para añadir este este efecto vamos a Diseño,Edicion HTML buscas la etiqueta </head> y arriba de ella pon lo siguiente:

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js'/>
<script type='text/javascript'>
$(document).ready(function() {
$('img').fadeTo('slow', 1.0);
$('img').hover(function() {
$(this).fadeTo('slow', 0.5);
}, function() {
$(this).fadeTo('slow', 1.0);
});
});
</script>

Por ultimo guardas los cambios.

0
Shares

Relacionados...

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

13 Comentarios

  1. Anonymous Anonymous
    Agosto 1, 2011    

    Juvinao tienes un estupendo blog,gracias por compartir muy buen efecto :-*

  2. Agosto 1, 2011    

    que pasada de efecto Juvinao, creo haberlo visto antes, me recuerda al efecto hovering.Muy buen aporte.

    Por cierto, veo que has renovado la plantilla, esta genial, me gusta el nuevo estilo.

    Saludos compañero 🙂

  3. Agosto 1, 2011    

    @Dryken Gracias por comentar y si estoy estrenando nueva plantilla me ha costado pero he logrado un buen resultado =))

  4. Agosto 22, 2011    

    Buen post, me gustaria saber el truco para las imagenes individuales. es que con este hasta el logo de la cabecera se desvanece. Muy buen blog, te felicito, para hacer 150 dias online andas barbaro, me gustaria lograr lo mismo con mi blog.
    http://prodiagnost.blogspot.com
    Saludos de uruguay.
    Fredd Hannay

  5. Agosto 23, 2011    

    Fredd Hannay gracias por comentar y gracias por las felicitaciones,seguro con esmeros lograras mucho mas dias online y con respecto a la entrada que pedistes mañana la tengo listo ok

  6. Agosto 23, 2011    
  7. Agosto 24, 2011    

    Muchisimas gracias maestro y a las ordenes!
    Saludos.
    Fredd

  8. Agosto 25, 2011    

    Fredd Hannay gracas por comentar,Saludos 😀

  9. Septiembre 18, 2011    

    gracias muy bonito!!!

  10. Septiembre 18, 2011    

    KISSMAR gracias a ti por comentar…

  11. Febrero 9, 2012    

    NO ME SALE 🙁 YA PROBE DE 20 MIL MANERAS

    • Febrero 9, 2012    

      Victoria ® dejame una copia de tu plantilla para revisar cual es el problema.

  12. Septiembre 22, 2014    

    Se puede hacer que en vez de desvanecerse a blanco lo haga a negro o un color oscuro?

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Categorías

Síguenos en Facebook

Suscribete por Email

Introduce tu Correo:

Recibiras nuestros últimos posts en tu correo