酷秀博客
首页/typecho 灯箱片fancybox暴力实现代码教程

typecho 灯箱片fancybox暴力实现代码

admin的头像admin7个月前教程190热度

第一步自行百度搜索fancybox进行下载
搞忘提示了:要使用fancybox需要引入jQuery
第二步引入fancybox.css文件



第三步引入fancybox.js文件



通过function.php暴力实现

//Yoniu：取文章首图
function showThumbnail($widget,$imgnum){

$attach = $widget->attachments(1)->attachment;

$pattern = '|]+src=\"([^>\"]+)\"?[^>]*>|is';
$patternMD = '/\!\[.*?\]\((http(s)?:\/\/.*?(jpeg|gif|jpg|png))/i';
$patternMDfoot = '/\[.*?\]:\s*(http(s)?:\/\/.*?(jpeg|gif|jpg|png))/i';
//如果文章内有插图，则调用插图
if (preg_match_all($pattern, $widget->content, $thumbUrl)) {
echo '';
}
//没有就调用第一个图片附件
else if ($attach && $attach->isImage) {
echo 'url.'">';
}
//如果是内联式markdown格式的图片
else if (preg_match_all($patternMD, $widget->content, $thumbUrl)) {
echo '';
}
//如果是脚注式markdown格式的图片
else if (preg_match_all($patternMDfoot, $widget->content, $thumbUrl)) {
echo '';

}
//如果真的没有图片，就调用一张随机图片
else{
echo '';

}

}

图片调用方法（请注意传入的值，$this并不是万能的，第一参数必须为对象类型，第二个参数为要调用的数组的键）

打赏反馈赞 0

#免责声明#

本文为转载 或 原创内容，未经授权禁止转载、摘编、复制及镜像使用、转载请注明作者、出处及原文链接、违者将依法追究责任。

签名： 最忠诚的BUG开发者来自: 重庆市. Chrome浏览器
文章目录