[Glightbox] Open image in lightbox #glightbox #lightbox #javascript

glightbox.js

/*
 * Open image in gLightbox (https://github.com/mcstudios/glightbox)
 *
 * Usage:
 * <a hre="picture.jpg" class="js-image">Open picture</a>
 */

import GLightbox from 'glightbox';
require('../../node_modules/glightbox/dist/css/glightbox.css');

document.addEventListener('DOMContentLoaded', function() {

    if (document.getElementsByClassName('js-image').length > 0) {
    
        let image = GLightbox({
            selector: 'js-image'
        });
      
        const video = GLightbox({
            selector: "[href*='youtube']"
        });
    }

}, false);