视频加载失败

[杂项]handsome启用随机图片,将首页头图与文章头图设为一致

201 字
1 分钟
[杂项]handsome启用随机图片,将首页头图与文章头图设为一致
[杂项]handsome启用随机图片,将首页头图与文章头图设为一致

0x00#

handsome启用随机图片时,头图会被随机更换,但不能达到首页和文章头图一致

0x01 思路#

通过JS在首页刷新完后获取对应文章的随机头图地址,再将头图地址放在文章的地址后面p_i里 加载文章时通过p_i将首页头图显示出来

随机图片
随机图片

随机图片
随机图片

固定一致图片
固定一致图片

0x02 代码#

适用于/archives/{cid}/永久链接 随机头图存放地址/usr/themes/handsome/usr/img/sj/ 可根据自己实际情况更改 将代码放进自定义js和PJAX中

if (window.location.pathname === "/") {
var img =document.getElementsByClassName("item-thumb lazy");
var a=document.getElementsByClassName("index-post-img")
for (var i = 0; i < a.length; i++) {
var yurl = a[i].getElementsByTagName("a")[0].getAttribute("href");
url=img[i].style.backgroundImage.split("\"")[1].split("/")[9].split(".")[0]
a[i].getElementsByTagName("a")[0].setAttribute("href",yurl+"?p_i="+url);
}
}else if (GetQueryString("p_i")!==null) {
document.getElementsByClassName("item-thumb lazy")[0].style.backgroundImage="url(\"/usr/themes/handsome/usr/img/sj/"+GetQueryString("p_i")+".jpg\")"
}
function GetQueryString(name)
{
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if(r!=null)return unescape(r[2]); return null;
}

支持与分享

如果这篇文章对你有帮助,欢迎分享给更多人或打赏支持!

打赏
[杂项]handsome启用随机图片,将首页头图与文章头图设为一致
https://rehtt.com/posts/206/
作者
Rehtt
发布于
2019-10-26
许可协议
CC BY-NC-SA 4.0

评论区

Profile Image of the Author
Rehtt
Hello, I'm Rehtt.
公告
欢迎来到我的博客!
分类
标签
最新动态
站点统计
文章
150
分类
17
标签
73
总字数
67,772
运行时长
0 天
最后活动
0 天前
站点信息
构建平台
Local
博客版本
Firefly v6.16.8
文章许可
CC BY-NC-SA 4.0
文章目录