Skip to content
Snippets Groups Projects
Commit a8b4ba6a authored by Hakkel Tamás's avatar Hakkel Tamás
Browse files

lightbox added

parent 782e6f9b
Branches
Tags
No related merge requests found
......@@ -37,10 +37,14 @@
crossorigin="anonymous"></script>
<!-- Luminous Lightbox js plugin: https://github.com/imgix/luminous -->
<script
<script async
src="https://cdnjs.cloudflare.com/ajax/libs/luminous-lightbox/2.0.0/Luminous.min.js"
integrity="sha256-CJMPaJ2QPWYx2oq/FqbYkyOsSQbWWAQmklkgcVpn3Sw="
crossorigin="anonymous"></script>
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/luminous-lightbox/2.0.0/luminous-basic.min.css"
integrity="sha256-uCdaKiNzZUXz+QXd2W48tXdSDRmaWc7SxYe1xTc3A94="
crossorigin="anonymous" />
<style>
body {
......@@ -297,10 +301,10 @@
var photos = parsed['photos'];
last_timestamp = parsed['last_timestamp']; // global variable!
var html = "";
for (var date of Object.keys(photos).reverse()) {
for (var date of Object.keys(photos)) {
html += `<div style="overflow: auto">
<div class="mb-1 mt-3">
<p class="font-weight-bold">${date}</p>
<div class="mb-2 mt-3">
<p class="font-weight-bold mb-1">${date}</p>
<a class="group-select ok" data-group="${date}">accept all<a>
<a class="group-select nok" data-group="${date}">reject all</a>
<a class="group-select idn" data-group="${date}">deselect all</a>
......@@ -308,12 +312,12 @@
for (var photo of photos[date].reverse()) {
html += `
<div class="w-33 w-sm-25 w-md-20 w-lg-16 w-xl-8 img-div">
<a href="${photo['photo_path']}">
<span class="lightbox" href="../img/${photo['photo_path']}">
<input type="checkbox" id="${photo['thumbnail_ID']}" data-group="${date}" />
<label for="${photo['thumbnail_ID']}" class="img-outer">
<img class="img-inner" data-src="../img/${photo['thumb_path']}&100" />
</label>
</a>
<img class="img-inner" data-src="../img/${photo['thumb_path']}&80" />
</label>
</span>
</div>`;
}
html += '</div>'
......@@ -328,7 +332,9 @@
.prop("checked",$(this).hasClass("ok"));
});
waitFor("LazyLoad", () => myLazyLoad = new LazyLoad());
waitFor("Luminous", () => new Luminous(document.querySelector('a')) );
waitFor("Luminous", () =>
new LuminousGallery(
document.querySelectorAll('.lightbox'),{},{openTrigger: 'contextmenu'}) );
})
.fail((error) => {console.log(error); $("#error-setup").show();})
.always( () => $("#loader").hide() );
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment