Efectos de transparencia en imágenes con Jquery

Este truco jquery, consiste en que al pasar el mouse por encima de una imagen, la misma se pondrá en un estado de semi transparencia.
Pero como el script de tipo jquery siempre nos sorprende, este efecto lo hace como si tuviera una "transición".
Para ver cómo quedan los efectos para las imágenes, Haz click aquí.

Obtener efectos de semitransparencia en imágenes

Para esto, ve a Blogger → Diseño → Edición de HTML y busca la etiqueta </head> (presiona ctrl+f) y arriba de esta etiqueta pega esto:

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

Cuando hayas guardado los cambios observa cómo funciona, pasando el mouse sobre una imagen.

Nota:
Este truco sólo funciona en la parte de las entradas y no en el sidebar (o sea en un gadget).

Posteado en: Entradas,imágenes,Intermedio,Jquery