导航菜单
登录 注册

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

效果

fslightbox 预览
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(); 完美解决问题。

最后

对,就是这么简单

资源下载

资源为外部正规网站提供,本站不保存任何下载内容,请自行甄别安全性。
Typecho 清理待审核评论
上一篇
onecircle:比较罕见的社交主题
下一篇
广告