导航菜单

以前我是很喜欢使用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(); 完美解决问题。

最后

对,就是这么简单

相关预览

暂无预览

相关下载(点击提取码即可复制提取码并打开下载页面)