Typecho 使用 fslightbox 给图片添加暗箱效果

以前我是很喜欢使用FancyBox来提供暗箱效果的，但是FancyBox是纯收费插件。fslightbox同样是收费插件，但是免费部分我们已经够用了。

效果

fslightbox_demo.png

教程

下面开始教程~
引用 fslightbox

把下面内容添加到header.php中的</head>前面

<script src="fslightbox.min.js"></script>

修改post.php

打开post.php 将

<?php $this->content(); ?>

修改成

<?php
    $pattern = '/\<img.*?src\=\"(.*?)\"[^>]*>/i';
    $replacement = '<a href="$1" data-fslightbox="gallery"><img src="$1" alt="'.$this->title.'" title="点击放大图片" /></a>';
    $content = preg_replace($pattern, $replacement, $this->content);
    echo $content;
?>

pjax/ajax 只需要在重载的时候添加一行代码
refreshFsLightbox();

 完美解决问题。

最后

对，就是这么简单