Lazy load images with the light lib bLazy.js instead of jQuery:

[github/shaarli/Shaarli.git] / inc / shaarli.css

diff --git a/inc/shaarli.css b/inc/shaarli.css
index bb564e99d24bc6920ed5b567e83c2b3db0bf20c6..a88143ca1bd820cb9fef4767d549d03a4912cbac 100644 (file)
--- a/inc/shaarli.css
+++ b/inc/shaarli.css
@@ -647,9 +647,21 @@ a.qrcode img {
     float: left;
 }
 
+.b-lazy {
+    -webkit-transition: opacity 500ms ease-in-out;
+    -moz-transition: opacity 500ms ease-in-out;
+    -o-transition: opacity 500ms ease-in-out;
+    transition: opacity 500ms ease-in-out;
+    opacity: 0;
+}
+.b-lazy.b-loaded {
+    opacity: 1;
+}
+
 .picwall_pictureframe img {
     max-width: 100%;
     height: auto;
+    color: transparent;
 } /* Adapt the width of the image */
 
 .picwall_pictureframe a {