diff --git a/js/imgPreview.js b/js/imgPreview.js index a167585277884af658f81c741e593096d47fed66..beb8311b7165273e86e773db01c5958b3e6a1200 100644 --- a/js/imgPreview.js +++ b/js/imgPreview.js @@ -1,15 +1,14 @@ import * as basicLightbox from 'basiclightbox' -let images = document.getElementsByTagName("img"); +let images = document.querySelectorAll("img, .clickSpan"); for(let i = 0; i < images.length; i++){ let element = images[i]; if(!(element.getAttribute("data-noPreview") === "true")) { element.onclick = () => { - console.log("render"); const instance = basicLightbox.create(` - <img src="${element.src}"> + <img src="${element.getAttribute("src")}"> `); - instance.show(() => console.log('lightbox now visible')) + instance.show(); } } } \ No newline at end of file diff --git a/public/bildquellen.php b/public/bildquellen.php index c2379bf4a2e965a3f3d1547c25083a374d18ee11..2dcdae2cceb822f2806cfcd41c46ee6560803003 100644 --- a/public/bildquellen.php +++ b/public/bildquellen.php @@ -6,8 +6,8 @@ include "internal/comments.php"; getHeader("Bildquellen", ""); ?> <ul> - <li><span class="clickSpan" onclick="createDialogImage('/img/bannerHome.webp')">Bild oben</span>: Photo by <a href="https://unsplash.com/@hishahadat?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Shahadat Rahman</a> on <a href="https://unsplash.com/s/photos/programmer?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a></li> - <li><span class="clickSpan" onclick="createDialogImage('/img/bildHome.webp')">Bild Startseite</span>: Photo by <a href="https://unsplash.com/@grohsfabian?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Fabian Grohs</a> on <a href="https://unsplash.com/s/photos/programmer?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a></li> + <li><span class="clickSpan" src='/img/bannerHome.webp'>Bild oben</span>: Photo by <a href="https://unsplash.com/@hishahadat?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Shahadat Rahman</a> on <a href="https://unsplash.com/s/photos/programmer?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a></li> + <li><span class="clickSpan" src='/img/bildHome.webp'>Bild Startseite</span>: Photo by <a href="https://unsplash.com/@grohsfabian?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Fabian Grohs</a> on <a href="https://unsplash.com/s/photos/programmer?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a></li> </ul> <?php getFooter(); \ No newline at end of file