Photo grid, Flickity lightbox

[nfq]

Hi Dave,

Is there a way to have a photo thumbnail grid and when clicking on the thumb, it opens a lightbox/overlay with the correct image? I remember this was possible using fizzyUIUtils but that was on an older version. Wanting to attempt something like: https://feimosi.github.io/baguetteBox.js/

[desandro]

Is it possible: Yes! How do it: I don't think you need to use fullscreen.

• Create a fullscreen Flickity carousel with CSS. See setGallerySize: false
• Hide the Flickity carousel
• When an image is clicked, select corresponding slide with Flickity using select method, and show the carousel

I need to build a demo to show this could work.

[nfq]

Hi @desandro I never replied to your answer. Thanks for your help, always great.
A demo would be great for future reference though!

[studiohic]

@desandro. Hope all well. Did you ever make a demo of this working? Thanks

[silicahd]

@desandro. Hope all well. Did you ever make a demo of this working? Thanks

I dont think so but here is another version
https://codepen.io/zuzhi/pen/VbgMYR