为WordPress主题添加Pirobox图片暗箱特效,同时使用Css Sprite进行优化压缩！

首先下载我做好的压缩包：
[down href="http://www.henghengzhu.com/wp-content/uploads/2012/11/pirobox.zip"]下载地址[/down]
优化调用添加Pirobox 图片暗箱特效教程：

1.把下载包里的pirobox.css和pirobox.js放到当前主题的根目录，把4个图片放到主题的images文件夹里

2.使用Notepad++打开header.php，在里面添加下面的代码（添加位置挨着上面的

```basic
【<】link rel="stylesheet" type="text/css" href="/pirobox.css" rel="external nofollow" target="_blank" /【>】

```
3.使用Notepad++打开footer.php，在“”标签前面添加下面的代码：

```basic

注：在footer 添加此段js，延后加载可以让网站更快的加载完毕；增加判断文章页加载可以避免网络堵塞，更利于网站优化。

```
4.因为此效果的js 触发是根据判断是否含有“class="pirobox_gall"”标签属性，因此我们需要给链接增加此属性，你可以修改框架文件，不过最简单的方法是把下面的代码添加到当前主题的functions.php中：

```basic
//Pirobox暗箱效果自动添加标签属性
add_filter('the_content', 'ATheme_pirobox_gall_replace');
function ATheme_pirobox_gall_replace ($content) {
global $post;
$pattern = "/]*).(bmp|gif|jpeg|jpg|png)('|\")(.*?)>(.*?)<\/a>/i";
$replacement = '$7';
$content = preg_replace($pattern, $replacement, $content);
return $content;
}
```
5.最后特别提醒一点，有很多同学添加后发现没有效果，其实你是缺少了a标签的属性，只是img标签没有衔接a标签的话怎么能够点击，更别说放大效果了。
如果你是使用自带的上传工具，那么上传完就会自动衔接，上面代码添加后就会有效果；
如果是使用的是图片外链，可以手动添加a标签，其实在后台url上传的地方也可以添加衔接地址