Do we have any lightbox for Ghost Gallery card?

truekasun · November 18, 2018, 7:03am

Hi,

Do we have any lightbox (popup or something) when we use Ghost Gallery cards? In my theme (Casper based) when I insert a gallery, it just show small images but there is no way to see a bigger image.

chrome_2018-11-18_12-37-45

Nothing happens when a user clicks on a gallery image. Is that the default behavior or am I missing something?

Thanks.

zce · November 18, 2018, 9:20am

github.com

zce/creative/blob/aa2c1a586475c66b6a57060abd52cde01837332d/assets/js/script.js#L83


      
          // gallery
          // -----------------------------------------------------------------------------
          qsa('.kg-gallery-image > img').forEach(item => {
            const container = item.closest('.kg-gallery-image')
            const width = item.attributes.width.value
            const height = item.attributes.height.value
            const ratio = width / height
            container.style.flex = ratio + ' 1 0%'
          })
          
          
const galleryContainers = qsa('.kg-gallery-container')
          if (galleryContainers.length) {
            loadStyle('https://unpkg.com/lightgallery.js/dist/css/lightgallery.min.css')
            loadScript('https://unpkg.com/lightgallery.js/dist/js/lightgallery.js', () => {
              galleryContainers.forEach(item => {
                item.querySelectorAll('.kg-gallery-image').forEach(sub => {
                  sub.dataset.src = sub.children[0].src
                })
                window.lightGallery(item, { selector: '.kg-gallery-image' })
              })
            })

truekasun · November 18, 2018, 10:09am

Wow! This is awesome dude! Thank you.
I was wondering if there is something native to ghosts but this is also okay.

system · December 2, 2018, 10:09am

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.

Topic		Replies	Views
Gallery popup of images when clicked? Themes	13	6353	October 26, 2022
Gallery options Themes	1	924	April 11, 2019
Ghost Lightbox - Why is it not working :-S Developer help	3	764	May 12, 2021
[BUG?] Gallery not providing access to zoomed image Using Ghost	8	461	November 11, 2022
Error Ghost gallery Themes	4	1246	February 26, 2019

Do we have any lightbox for Ghost Gallery card?

Related Topics