diff --git a/assets/css/style.css b/assets/css/style.css index f0a8733f411660991b4575db0728fbc11c4288e2..62a44e9c4bd51cc511de1005b2250a0f173b41f9 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 1f76c32e0172c6f2493249c3e0cfbb1adf9871c6..c6a7b5e22bc5a3b073ee6fa4283b41d800df5e70 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) {