图片暗箱功能 – 竹客令

本人用的是万网的免费虚拟机，所以感觉还是不要用太多插件了，就想着都用代码代替。

这样会快一些吧！听说！

这短代码还是很简单的，我这里会详细的说下让你们更清楚。

这是测试：
（还不错吧！）

文件名是fancybox 然后解压开，里面还有一个fancybox文件夹，然后把这个fancybox文件夹放到网站的主题文件下。

然后在header.php文件里面的</head>前面添加：

<!-- 加载 Fancybox CSS文件 -->
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/fancybox/fancybox.css" />
<!-- 加载 jQuery JS文件（如果模版文件已经加载jQuery，无需加入此段代码） -->
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/fancybox/jquery-1.9.0.min.js"></script>
<!-- 加载 Fancybox JS文件 -->
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/fancybox/fancybox.js"></script>

<script type="text/javascript">
$(document).ready(function() {
$(".fancybox").fancybox();
});
</script>

再在functions.php文件里面添加：

add_filter('the_content', 'fancybox');
function fancybox ($content)
{ global $post;
$pattern = "/<a(.*?)href=('|\")([^>]*).(bmp|gif|jpeg|jpg|png|swf)('|\")(.*?)>(.*?)<\/a>/i";
$replacement = '<a$1href=$2$3.$4$5 rel="box" class="fancybox"$6>$7</a>';
$content = preg_replace($pattern, $replacement, $content);
return $content;
}

这个添加在最后面就好了！

就这样就可以了！快去看看效果吧!

标签：图片暗箱功能

用代码代替wordpress插件实现wordpress图片暗箱功能！