feat(web): introduce lazy loading file thumbs on files page

2023-01-31 18:45:57 +03:00
parent 9a2fa14a79
commit 9226b6cf5a
6 changed files with 21 additions and 4 deletions
@@ -1,7 +1,15 @@
 $(window).on("load", function () {
+	$(function () {
+		$(".thumb").Lazy({
+			scrollDirection: "vertical",
+			effect: "fadeIn",
+			visibleOnly: true,
+			appendScroll: $(".contents-wrapper")[0],
+		});
+	});
 	sasahyou_load();
 	sasahyou.forEach((sasa) => {
-		$(".contents-wrapper").append(`<div class="item sasa" id="s${sasa.id}" title="${sasa.path.split('/').slice(-1)}" style="background-image: url(${"/thumbs/" + sasa.path})"><div class="overlay"></div></div>`);
+		$(".contents-wrapper").append(`<div class="item sasa" id="s${sasa.id}" title="${sasa.path.split('/').slice(-1)}"><img class="thumb" data-src="${"/thumbs/" + sasa.path}"><div class="overlay"></div></div>`);
 	});
 	sappyou_load();
 	sappyou.forEach((tanzaku) => {