diff --git a/js/customElements/image.js b/js/customElements/image.js
index f8e244049fd891d811f20200d669db23a50693a1..e2bdb80ab1ed5c06503a53da43f1bf70fdce40c0 100644
--- a/js/customElements/image.js
+++ b/js/customElements/image.js
@@ -1,3 +1,5 @@
+import * as basicLightbox from 'basiclightbox'
+
 class CustomImage extends HTMLElement {
     async connectedCallback(){
         const originalURL = new URL(this.getAttribute("src"), document.baseURI).href;
@@ -28,6 +30,16 @@ class CustomImage extends HTMLElement {
         image.setAttribute("loading", "lazy");
         image.setAttribute("original-src", originalURL);
         this.appendChild(image);
+
+
+        if(!(this.getAttribute("data-noPreview") === "true")) {
+            image.onclick = () => {
+                const instance = basicLightbox.create(`
+                <img src="${originalURL}">
+                `);
+                instance.show();
+            }
+        }
     }
 }