Mil Trucos Blogger

Efecto desvanecer en imágenes escogidas

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

Hace unos días atrás publique un tutorial en el cual había un efecto de desvanecimiento de todas las imagenes del blog,pues bien @Fredd Hannay  me preguntaba como podría lograr tal efecto pero solo en las imágenes que el escogiera y esto es lo que voy a enseñar en el tutorial de hoy.


Para añadir este efecto vas a Diseño,Edición HTML, allí buscas la etiqueta  

</head>

Encima de lo anterior pegamos lo siguiente:

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

Guardas los cambios.

Ahora cada vez que quieras que una imagen tenga el efecto desvanecer deberás pegar en la edición html de la entrada lo siguiente:

<img class='blImaggjtef' src='URL DE LA IMAGEN'/>

Reemplazas  URL DE LA IMAGEN por la direccion de tu imagen y listo.

 

0
Shares

Relacionados...

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

12 Comentarios

  1. agosto 23, 2011    

    Muy buen aporte 😀 éxitos!

  2. agosto 23, 2011    

    Cloudx18 gracias por comentar 😀

  3. Jorge Jorge
    agosto 23, 2011    

    muy bueno amigo

  4. agosto 24, 2011    

    Jorge gracias por comentar 😀

  5. agosto 28, 2011    

    Pero no aclaras en que parte de la “edicion html” de la entrada hay que pegar el codigo… sobre que palabra, al inicio o final etccc.. Gracias

  6. agosto 28, 2011    

    Carlos Perez eso depende en que lugar vas a colocar tu imagen,donde la coloques entonces alli añades el codigo que dije y luego la URL de tu imagen y listo..

  7. agosto 28, 2011    

    Tengo imagenes que, al clickearlas, se abren en una ventana nueva. Probé el truco y me funcionó pero las imagenes dejaron de abrirse en una ventana nueva… es posible que pase esto? que este truco impida eso? Gracias

  8. agosto 28, 2011    

    Carlos Perez prueba con este tutorial a ver como te va 😈

    http://miltrucosblogger.blogspot.com/2011/07/abrir-los-links-en-una-ventana-nueva.html

  9. agosto 28, 2011    

    Gracias funciono!!….. tienes algun tutorial sobre algún script de bloqueo de imagenes? es para evitar que no todas las imagenes de un blog se puedan abrir (sea en misma ventana o ventana nueva)… Gracias

  10. agosto 28, 2011    

    Carlos Perez bueno por ahora no tengo nada de eso,pero dame un poco de tiempo y talvez haga un tutorial

  11. Anonymous Anonymous
    septiembre 27, 2011    

    :s

  12. septiembre 22, 2014    

    Me marca error de sintaxis y no me daba el efecto en las imagenes :/ ..al parecer arregle lo del error de la sintaxis pero siguio sin darme el efecto 🙁

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