导航菜单

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

效果

fslightbox_demo.png

教程

下面开始教程~
引用fslightbox

fslightbox.zip
下载方式:免费下载更新时间:2023-06-22 20:06:16下载次数:872

把下面内容添加到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(); 完美解决问题。

最后

对,就是这么简单

下载地址

广告位
  • 更新时间:2024-01-20 17:14
  • 资源名称:Typecho 使用 fslightbox 给图片添加暗箱效果
  • 资源描述:暂无
  • 资源预览:
    暂无
  • 资源下载: