以前我是很喜欢使用FancyBox
来提供暗箱效果的,但是FancyBox
是纯收费插件。fslightbox
同样是收费插件,不过免费部分我们已经够用了。
效果
教程
下面开始教程~
引用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" data-type="image"><img src="$1" alt="'.$this->title.'" title="点击放大图片" /></a>';
$content = preg_replace($pattern, $replacement, $this->content);
echo $content;
?>
pjax/ajax 只需要在重载的时候添加一行代码refreshFsLightbox();
完美解决问题。
最后
对,就是这么简单
需要JQ插件吗?
安排上了。
该评论仅登录用户及评论双方可见
我觉得工作量不小,而且意义不太大。而且你用过我的编辑器插件吗?