flickity-fullscreen icon indicating copy to clipboard operation
flickity-fullscreen copied to clipboard

Published 20 hours ago • verified publisher icon metafizzy

Photo grid, Flickity lightbox

Open nfq opened this issue 6 years ago • 4 comments

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/

nfq avatar Feb 02 '19 00:02 nfq

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.

desandro avatar Feb 04 '19 21:02 desandro

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

nfq avatar May 15 '19 14:05 nfq

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

studiohic avatar Apr 25 '22 14:04 studiohic

@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

silicahd avatar Jun 08 '22 08:06 silicahd