From 3e85053aceeedd9f5ce424c7b3c7f5ef674006a6 Mon Sep 17 00:00:00 2001 From: Knut Ahlers Date: Sat, 28 Apr 2018 18:51:28 +0200 Subject: [PATCH] Do not load more than the required minimum of images --- frontend/app.js | 2 +- frontend/index.html | 15 ++++++++++++--- 2 files changed, 13 insertions(+), 4 deletions(-) diff --git a/frontend/app.js b/frontend/app.js index 98fd6d7..1947229 100644 --- a/frontend/app.js +++ b/frontend/app.js @@ -9,7 +9,7 @@ class Gallery { this.optionset = { // General options download: false, - selector: 'img', + selector: '.img', // Thumbnails thumbnail: true, thumbWidth: 80, diff --git a/frontend/index.html b/frontend/index.html index d268ee7..77f29b7 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -26,6 +26,8 @@ .card.gallery:hover img:nth-child(2) { transform: rotate(-2deg) translateY(10px) translateX(-12px); } .card.gallery:hover img:nth-child(3) { transform: rotate( 5deg) translateY(-8px) translateX( 12px); } .card .gallery-indicator { position: absolute; right: 1em; text-shadow: 0 0 3px #202020; top: 1em; } + .card .card-img-overlay h5 { text-shadow: 0 0 3px #202020; } + .card div.img { display: none; } .card img:not(:first-child) { position: absolute; z-index: -1; } .card img { transition: transform .3s ease-out; width: 100%; } .nav-link i { color: rgba(255,255,255,.5); } @@ -41,7 +43,7 @@