追番图片懒加载

This commit is contained in:
1152958806@qq.com 2023-08-19 15:48:51 +08:00
parent 716ad611e9
commit 01f9f69254
3 changed files with 9 additions and 10 deletions

View File

@ -163,7 +163,7 @@ document.addEventListener('DOMContentLoaded', function () {
const jqLoadAndRun = () => {
const $fancyboxEle = GLOBAL_CONFIG.lightbox === 'fancybox'
? document.querySelectorAll('#article-container :not(a):not(.gallery-group):not(.site-card-avatar):not(.flink-item-info):not(.rss-plan-info-group) > img, #article-container > img,.bber-container-img > img')
? document.querySelectorAll('#article-container :not(a):not(.gallery-group):not(.site-card-avatar):not(.flink-item-info):not(.rss-plan-info-group):not(.bangumi-picture) > img, #article-container > img,.bber-container-img > img')
: []
const fbLengthNoZero = $fancyboxEle.length > 0
const $jgEle = document.querySelectorAll('#article-container .gallery')

View File

@ -3,13 +3,12 @@
<th:block th:fragment="bangumi-item(spec)">
<div class="bangumi-item">
<div class="bangumi-picture">
<a th:href="${spec.cover}" data-fancybox="gallery" data-caption=""
th:data-thumb="${spec.cover}">
<img th:src="${spec.cover}" th:data-lazy-src="${spec.cover}"
<img
th:src="${isLazyload ? dataImage : spec.cover}"
th:data-lazy-src="${ isLazyload ? spec.cover : ''}"
referrerpolicy="no-referrer" width="110"
style="width:110px;margin:20px auto;" data-ll-status="loaded"
class="entered loaded">
</a>
th:attr="onerror='this.onerror=null;this.src=\''+${errorImg}+'\''"
style="width:110px;margin:20px auto;">
</div>
<div class="bangumi-info">
<div class="bangumi-title">

View File

@ -128,7 +128,7 @@
<div class="tags-group-icon-pair">
<div class="tags-group-icon" style="background:#df5b40">
<img
th:with=" img = ${assets_link + '/images/icons/Git.png'}"
th:with=" img = ${assets_link + '/images/icons/Git.webp'}"
th:attr="onerror='this.onerror=null;this.src=\''+${errorImg}+'\''"
th:src="${isLazyload ? dataImage : img}"
th:data-lazy-src="${ isLazyload ? img : ''}"
@ -136,7 +136,7 @@
</div>
<div class="tags-group-icon" style="background:#e65164">
<img
th:with=" img = ${assets_link + '/images/icons/Apifox.png'}"
th:with=" img = ${assets_link + '/images/icons/Apifox.webp'}"
th:attr="onerror='this.onerror=null;this.src=\''+${errorImg}+'\''"
th:src="${isLazyload ? dataImage : img}"
th:data-lazy-src="${ isLazyload ? img : ''}"