中国博客联盟

很多网站上都添加了图片展示效果，点击小图就弹出大图，播放效果很不错，slimbox是一个最轻量级的代码，总共不到5k，但其效果绝不亚于其他大型的代码，大家可以查看演示。

0.先看演示：

1.插件版：

作者的插件只提供到slimbox 2.03，我给升级到了slimbox 2.04版本，功能不再多介绍，大家可以直接点击下载：

下载最新版 slimbox 2.04

李思章博客本地下载

2.代码版：

直接从官方下载代码：

http://www.digitalia.be/software/slimbox2

http://code.google.com/p/slimbox/

之后解压，把整个文件夹拷贝到你的主题目录下，其实只需要包含css和js文件夹即可，其他的是一些扩展功能，需要的自己研究。

之后到主题里调用代码和样式即可。

打开header.php，添加代码：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/slimbox/js/slimbox2.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('template_directory'); ?>/slimbox/css/slimbox2.css" />

之后，在你的日志里添加图片时，需要把图片链接到真实图片地址，同时添加以下标签，就可以看到图片效果了。

rel="lightbox"

一般在日志后台添加图片的时候，默认即可，效果自动生效。