disable lightbox on mobile

Hi @raoulunger –

1. PINCH. Can you confirm if you are using the new style nav arrows? You can check the options page and look for “New nav arrow style (recommended)” I just introduced those last week, and I think I may have done so in way where they interfere with pan zoom.

2. MOBILE. Seems reasonable and not too difficult to introduce an option to disable the lightbox below a certain screen size. I’ll look at that later this week.

3. SINGLE IMAGE. Yes, this is a good point. Again, I’ll add that to my list for hopefully the next release.

Thanks.

Hi,

Thanks for your very rapid response! And actions! – I saw just now that you already made an update to the plugin. Pinching is working now (I was using the new styles). However, when zooming in on the image, the image stays in its original frame/viewing area. (bit hard explain, hope you understand what I mean). For images that are landscape (on a portrait oriented phone) and therefore relatively small, this means the viewing area remains small as well, even when zooming in on a detail. When pinching the vingers then go beyond the area where the image is (which feels kind of unnatural).

For that reason I still think it would make sense (as well) to allow for the disabling of the plugin under a certain viewport width. It would be great if we could set that viewport width in the options. In most cases, a lightbox on a mobile phone makes less sense, as images often are shown as large as possible anyway.

Thank you for implementing the hiding of navigation in cases there is only one image. This works fine now! I have not found any lightbox plugin that had thought of that. Many portfolios are project-oriented, and while many projects can have multiple images, some projects (for example the design of a single poster) can have just one image. I had temporarily solved it with a marker on each single-image page and some css-hiding – but yours is of course a much better solution!

• This reply was modified 8 months, 2 weeks ago by raoulunger.

Hi! Glad you saw the updates. And yes, the latest release included:

• Hide navigation for single images
• Fix pinch zoom with new nav style. You are correct that that the way pinch zoom works, the zooming happens within the frame. Changing that raises some complexities, ie zooming would probably push the nav arrows out of the frame and make navigation harder. If we get enough feedback, we can look at changing that. But my guess is that the moment we do, we’d then get a bunch of secondary questions/requests about changing that behavior too.
• I looked at adding and option to disable the lightbox on mobile. There are some complex issues there. First, many user have galleries that still show smaller thumbnails in rows even on mobile. Second, we adjust image markup to allow the lightbox to work *on the server side* before we know the size of the screen a visitor is using. That’s very hard to resolve – ie, would require a complete rebuild of the entire plugin logic. We could still adjust the behavior of the ligthbox somehow on the frontend, but I haven’t found a way that’s likely to work seamlessly for all users in a diversity of cases. I’ll keep at it though, as the point you’re raising makes sense.

Hi, Ok, thanks for the efforts! I understand that zooming out beyond the image frame poses problems in different scenarios.I also see that disabling the plugin below a certain view width poses technical issues for different situations. I managed to kind of simulate it now by hiding (display: none) the overlay and the outerImageContainer via CSS and a media query. Not the most elegant of solutions as the markup is being generated anyway – but in my case that’s not a big deal as I have 10 images max per page. I tried using ‘pointer-events: none’ instead of ‘display-none’, but that worked erratically.
Anyway, case solved for now!
Thanks again.

Glad it’s working. Going to go ahead and mark this thread as resolved for now. Thanks!