LoweBowe
/
Theme-Joffrey
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added lazy loading for high quality images

This commit is contained in:
zeldaroot 2020-12-08 02:22:30 +02:00
parent 4716251947
commit 6daf7a2ac8
2 changed files with 18 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
views/includes/footer.ejs
View File

@ -25,4 +25,19 @@
}
</script>
<script>
window.addEventListener('DOMContentLoaded', function(e) {
var dataCinemapressSrc = document.querySelectorAll('[data-cinemapress-src]');
if (!dataCinemapressSrc) return;
dataCinemapressSrc.forEach(function(cinemapressSrc) {
cinemapressSrc.src = cinemapressSrc.dataset.cinemapressSrc;
});
var dataCinemapressBgSrc = document.querySelectorAll('[data-cinemapress-bg-src]');
if (!dataCinemapressBgSrc) return;
dataCinemapressBgSrc.forEach(function(cinemapressBgSrc) {
cinemapressBgSrc.style.backgroundImage = 'url("' + cinemapressBgSrc.dataset.cinemapressBgSrc + '")';
});
});
</script>
<%- page.codes.footer %>

6
views/includes/right.ejs
View File

@ -127,7 +127,7 @@
<a href="<%- movie.url %>" class="line_cell clear_fix">
<div class="fl_l thumb">
<img class="cell_img" src="<%- movie.poster %>" alt="<%= movie.title %>">
<img class="cell_img" src="<%- movie.poster_min %>" data-cinemapress-src="<%- movie.poster %>" alt="<%= movie.title %>">
</div>
<div class="fl_l info">
<%= movie.title %>
@ -234,7 +234,7 @@
>
<a href="<%- movie.url %>" class="page_album_link">
<div class="page_album_thumb_wrap">
<img class="page_album_thumb" src="<%- movie.poster %>"
<img class="page_album_thumb" src="<%- movie.poster_min %>" data-cinemapress-src="<%- movie.poster %>"
alt="<%= movie.title %>">
</div>
<div class="page_album_title">
@ -289,7 +289,7 @@
<div class="clear_fix clear page_album_row">
<a href="<%- movie.url %>" class="page_album_link">
<div class="page_album_thumb_wrap">
<img class="page_album_thumb" src="<%- movie.poster %>"
<img class="page_album_thumb" src="<%- movie.poster_min %>" data-cinemapress-src="<%- movie.poster %>"
alt="<%= movie.title %>">
</div>
<div class="page_album_title">