diff options
| -rw-r--r-- | src/libra.css | 2 | ||||
| -rw-r--r-- | src/lightbox.js | 28 |
2 files changed, 2 insertions, 28 deletions
diff --git a/src/libra.css b/src/libra.css index 2118d14..1c7277c 100644 --- a/src/libra.css +++ b/src/libra.css @@ -27,8 +27,6 @@ position: absolute; transition-duration: 0.2s; transition-property: transform; - display: block; - max-width: 100%; cursor: pointer; } diff --git a/src/lightbox.js b/src/lightbox.js index 54c5283..d21b7ab 100644 --- a/src/lightbox.js +++ b/src/lightbox.js @@ -20,41 +20,17 @@ export default class LightBox { initOverlay() { this.overlay = new Overlay(); - this.overlay.element.addEventListener('click', e => { + this.overlay.element.addEventListener('click', () => { this.closeCurrent(); }); } initImages() { this.images = document.querySelectorAll(this.selector); - - function wrapInLink(image) { - // wrap image with a link if it's not already wrapped - const parent = image.parentElement; - let link; - if (!parent || parent.tagName !== 'A') { - link = document.createElement('a'); - link.href = image.src; - // replace image with the linked one - parent.insertBefore(link, image); - link.appendChild(image); - } else { - link = parent; - } - return link; - } - this.images.forEach(image => { if (image.tagName !== 'IMG') return; - image.id = crypto.randomUUID(); // generate unique id for each image - const link = wrapInLink(image); // make sure every image has a link - - // click link to open lightbox - link.addEventListener('click', e => { - e.preventDefault(); - this.openLightBox(image); - }); + image.addEventListener('click', () => this.openLightBox(image)); // click image to open lightbox }); } |