Category : lightbox

I’m building a portfolio site for a friend which displays paintings. All paitings are displayed on the index page, and I’ve created a for loop so that click on each painting opens up modal displaying that painting: // create references to the modal… const modal = document.getElementById(‘myModal’); // to all images — note I’m using ..

Read more

The lightbox actually works only after I’ve made changes to my html, but not after I refresh the page. It literally works just the first time after the index.html is save. I included jQuery before the closing tag and the lightbox.js after it, as suggested in the docs. <div class="gallery"> <a href="/pics/1.jpg" data-lightbox="gallery"><img src="/pics/1.jpg" alt=""></a> ..

Read more

I’m using Glightbox to create gallery with images description. I would like to update text of button on click. When button is clicked and lightbox is reopened text on button is changed. How to change text on button without reopening a lightbox? Glightbox documentation can be found here <!DOCTYPE html> <head> <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" /> ..

Read more

I’m using viewerjs as lightbox for images. I was wondering, if there is an option, to add, or move the navigation (right & left) buttons to the side like photoswipe has (https://photoswipe.com) By default the navigation buttons are at the button, at Toolbar. (https://fengyuanchen.github.io/viewerjs/) Or should I just override the "toolbar" CSS and move the ..

Read more