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.
12 comentarios
Cloudx18 · agosto 23, 2011 a las 7:04 pm
Muy buen aporte 😀 éxitos!
Juvinao · agosto 23, 2011 a las 7:26 pm
Cloudx18 gracias por comentar 😀
Jorge · agosto 23, 2011 a las 10:49 pm
muy bueno amigo
Juvinao · agosto 24, 2011 a las 1:52 pm
Jorge gracias por comentar 😀
Carlos Perez · agosto 28, 2011 a las 12:07 am
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
Juvinao · agosto 28, 2011 a las 12:20 am
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..
Carlos Perez · agosto 28, 2011 a las 5:21 am
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
Juvinao · agosto 28, 2011 a las 2:44 pm
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
Carlos Perez · agosto 28, 2011 a las 4:40 pm
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
Juvinao · agosto 28, 2011 a las 5:33 pm
Carlos Perez bueno por ahora no tengo nada de eso,pero dame un poco de tiempo y talvez haga un tutorial
Anonymous · septiembre 27, 2011 a las 10:11 am
:s
José Ramón Martínez Medina · septiembre 22, 2014 a las 3:56 pm
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 🙁