zeekling/bolo-fantastic
1
1
Fork 0
Code Issues 1 Pull Requests Releases 4 Wiki Activity

bolo-fantastic图片显示优化

Browse Source
This commit is contained in:
LingZhaoHui 2020-08-22 17:28:20 +08:00
parent 05fbf28261
commit f5b6936b99
4 changed files with 15 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
bolo-fantastic/article-list.ftl
View File

@ -32,7 +32,7 @@
<div class="blog-slider__wrp swiper-wrapper"> <div class="blog-slider__wrp swiper-wrapper">
<div class="blog-slider__img"> <div class="blog-slider__img">
<a href="${servePath}${article.articlePermalink}"> <a href="${servePath}${article.articlePermalink}">
<img src="${article.articleImg1URL}" alt="${article.articleTitle!}" referrerpolicy="origin"> <img class="thumbnail" src="${adminUser.userAvatar!}" data-src="${article.articleImg1URL}" alt="${article.articleTitle!}" referrerpolicy="origin">
</a> </a>
</div> </div>
<div class="blog-slider__item swiper-slide"> <div class="blog-slider__item swiper-slide">
@ -66,7 +66,7 @@
<div class="card"> <div class="card">
<div class="card-image"> <div class="card-image">
<a href="${servePath}${article.articlePermalink}"> <a href="${servePath}${article.articlePermalink}">
<img class="thumbnail" src="${article.articleImg1URL}" alt="${article.articleTitle!}" referrerpolicy="origin"> <img class="thumbnail" src="${adminUser.userAvatar!}" data-src="${article.articleImg1URL}" alt="${article.articleTitle!}" referrerpolicy="origin">
</a> </a>
</div> </div>
<div class="card-content article " id="card-content" style="width: 100%"> <div class="card-content article " id="card-content" style="width: 100%">

9
bolo-fantastic/footer.ftl
View File

@ -92,7 +92,16 @@ $(document).ready(function(){
var alt = $(img).attr("alt"); var alt = $(img).attr("alt");
showImage(w, h, url, alt); showImage(w, h, url, alt);
}); });
$(".thumbnail").each(function(){
var src = $(this).attr("data-src");
if (src.indexOf("img.zeekling.cn") != -1){
src = src.replace(".jpg", ".jpg!253-150");
}
$(this).attr("src", src);
}); });
});
function showImage(w, h,url, alt){ function showImage(w, h,url, alt){
layer.photos({ layer.photos({
photos:{ photos:{

6
bolo-fantastic/side-right.ftl
View File

@ -32,8 +32,8 @@
<div class="card widget"> <div class="card widget">
<div class="card-content" style="width:100%"> <div class="card-content" style="width:100%">
<div class="menu"> <div class="menu">
&nbsp;&nbsp;<input type="text" required="required" value="" name="s" id="search" onkeydown="enterSearch(event)">&nbsp;&nbsp; &nbsp;<input type="text" required="required" value="" name="s" id="search" onkeydown="enterSearch(event)">&nbsp;
<input type="submit" id="searchsubmit" class="button" value="搜索本站" onclick="search()"> <input type="submit" id="searchsubmit" class="button" value="搜索" onclick="search()">
</div> </div>
</div> </div>
</div> </div>
@ -48,7 +48,7 @@
<#if article.articleImg1URL?? && article.articleImg1URL!=''> <#if article.articleImg1URL?? && article.articleImg1URL!=''>
<a href="${servePath}${article.articlePermalink}" class="media-left"> <a href="${servePath}${article.articlePermalink}" class="media-left">
<p class="image is-64x64"> <p class="image is-64x64">
<img class="thumbnail" src="${article.articleImg1URL!}" alt="${article.articleTitle!}"> <img class="thumbnail" src="${adminUser.userAvatar!}" data-src="${article.articleImg1URL!}" alt="${article.articleTitle!}">
</p> </p>
</a> </a>
</#if> </#if>

2
bolo-fantastic/side.ftl
View File

@ -189,7 +189,7 @@ box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);">
<#if article.articleImg1URL?? && article.articleImg1URL!=''> <#if article.articleImg1URL?? && article.articleImg1URL!=''>
<a href="${servePath}${article.articlePermalink}" class="media-left"> <a href="${servePath}${article.articlePermalink}" class="media-left">
<p class="image is-64x64"> <p class="image is-64x64">
<img class="thumbnail" src="${article.articleImg1URL!}" <img class="thumbnail" src="${adminUser.userAvatar!}" data-src="${article.articleImg1URL!}"
alt="${article.articleTitle!}"> alt="${article.articleTitle!}">
</p> </p>
</a> </a>