From 742a6cebd99a160e2a70ef2c7743cf4e258780bf Mon Sep 17 00:00:00 2001
From: Janne Koschinski <janne@kuschku.de>
Date: Sat, 21 Oct 2017 06:45:25 +0200
Subject: [PATCH] Improved lazy loading
---
assets/css/style.css | 10 +++++++++-
assets/js/script.js | 2 ++
2 files changed, 11 insertions(+), 1 deletion(-)
diff --git a/assets/css/style.css b/assets/css/style.css
index f0a8733..62a44e9 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -2,6 +2,10 @@ body.noscript img[data-src] {
display: none;
}
+img[data-src] {
+ filter: blur(2px);
+}
+
.following.bar {
position: fixed;
top: 0;
@@ -149,6 +153,10 @@ body.noscript img[data-src] {
font-size: 22px;
}
+.image {
+ overflow: hidden;
+}
+
@media (max-width: 359px) {
.ui.menu .item {
font-size: 0.9rem;
@@ -253,4 +261,4 @@ body.noscript img[data-src] {
margin-left: 4rem;
margin-right: 4rem;
}
-}
+}
\ No newline at end of file
diff --git a/assets/js/script.js b/assets/js/script.js
index 1f76c32..c6a7b5e 100644
--- a/assets/js/script.js
+++ b/assets/js/script.js
@@ -11,6 +11,8 @@ update_top_bar();
function preloadImage(element) {
element.src = element.dataset["src"];
element.srcset = element.dataset["srcset"];
+ delete element.dataset["src"];
+ delete element.dataset["srcset"];
}
function onIntersection(entries) {
--
GitLab