bolo-fantastic图片显示优化

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

View File

@ -32,7 +32,7 @@
<div class="blog-slider__wrp swiper-wrapper">
<div class="blog-slider__img">
<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>
</div>
<div class="blog-slider__item swiper-slide">
@ -66,7 +66,7 @@
<div class="card">
<div class="card-image">
<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>
</div>
<div class="card-content article " id="card-content" style="width: 100%">

View File

@ -92,7 +92,16 @@ $(document).ready(function(){
var alt = $(img).attr("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){
layer.photos({
photos:{

View File

@ -32,8 +32,8 @@
<div class="card widget">
<div class="card-content" style="width:100%">
<div class="menu">
&nbsp;&nbsp;<input type="text" required="required" value="" name="s" id="search" onkeydown="enterSearch(event)">&nbsp;&nbsp;
<input type="submit" id="searchsubmit" class="button" value="搜索本站" onclick="search()">
&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()">
</div>
</div>
</div>
@ -48,7 +48,7 @@
<#if article.articleImg1URL?? && article.articleImg1URL!=''>
<a href="${servePath}${article.articlePermalink}" class="media-left">
<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>
</a>
</#if>

View File

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