Photo grid, Flickity lightbox

metafizzy / flickity-fullscreen

Enable fullscreen view for Flickity carousels

46 stars 17 forks source link

Photo grid, Flickity lightbox #25

Open nfq opened 5 years ago

nfq commented 5 years ago

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 commented 5 years ago

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 commented 5 years ago

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

studiohic commented 2 years ago

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

silicahd commented 2 years ago

@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