给朕的博客图片增加点效果

今天朕到处逛了一下，想给朕博客的图片添加一些效果，朕博客的图片都是外链flickr的，这点是为了防止搬家麻烦。看到一款插件叫Overlay4WP，听说可以给图片一点效果，但是朕安装之后没一点反应，不知道怎么回事，难道需要上传到自己的空间才可以？
然后就没管了。突然看到一篇文章《利用jquery实现图片显隐特效》，是那只知更鸟写的，操作很简单，效果还不错。下面做个记号：
演示：见本博客(把鼠标放在图片上试试)
操作：1、首先需要在header.php中加载jquery，可以使用外链也可以内链。
外链可以利用google为我们提供的JS库，据说可以提高js加载速度，格式如下：

1	<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.2.3.min.js"></script>

内链格式为：

1	<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/jquery.min.js" ></script>

然后再在header.php中添加：

<script type="text/javascript">
$(function () {
$('img').hover(
function() {$(this).fadeTo("fast", 0.5);},
function() {$(this).fadeTo("fast", 1);
});
});
</script>

OK，你刷新下你的博客看看效果把。
还有一种是鼠标悬停到图片上时，图片变得清晰。就是把后面的代码换成下面的即可：

    <script type="text/javascript">
    $(function() {
    $('img').animate({"opacity": .5 });
 
    $('img').hover(function() {
    $(this).stop().animate({ "opacity": 1 });
    }, function() {
    $(this).stop().animate({ "opacity": .5 });
    });
    });
    </script>

采用哪种图片显隐特效就看你喜好了，这一特效支持所有浏览器。