Improve document page image lazy loading. Use font awesome spinner and CSS3 animation.

2016-11-04 03:33:24 -04:00
parent 69bcade6fb
commit bc7f5f44ed
5 changed files with 46 additions and 14 deletions
@@ -70,10 +70,6 @@ body {
    border: 1px solid black;
 }

-.lazy-load-carousel-loaded {
-    width: 100%;
-}
-
 .mayan-page-wrapper-interactive {
    overflow: auto;
 }
@@ -94,6 +90,27 @@ body {
    text-align: center;
 }

+img.lazy-load {
+    visibility: hidden;
+    width: 0px;
+    height: 0px;
+}
+
+img.lazy-load-carousel {
+    visibility: hidden;
+    width: 0px;
+    height: 0px;
+}
+
+.tc {
+    margin: auto;
+    text-align: center;
+}
+
+.tc a {
+    text-align: center;
+}
+
 .img-nolazyload {
    border: 1px solid black;
 }