Lightbox Image Zoom

General
1

Hi everyone. Is there a way in Cwicly to zoom or pinch images which loaded in a lightbox? By default the zoom in/out by e.g. double tapping on an image seems to be disabled.

Thanks!

2

Hello @Alexander,

I don’t believe we modify the zoomable option, which is set to true by default: GitHub - biati-digital/glightbox: Pure Javascript lightbox with mobile support. It can handle images, videos with autoplay, inline content and iframes

3

Thanks for the reply. I have tested the zoom/pinch/double tab functionality on two sites after opening images in a lightbox. On both sites it is not possible to zoom or pinch images to enlarge them. This is a link to one of the staging sites in question. Please advise. Thank you.

4

@Alexander I quickly tested this on my devices because I was curious:

When I open the lightbox image I am able to zoom/pinch both on desktop and mobile (macOS Safari and Chrome & iOS Safari). Double tap to zoom does not work on mobile for me.

5

Thanks for looking into this. On an android phone in Chrome (also Opera), the zoom function does not work. (It does work in Firefox also on Android.)

1 Like
6

Tested in Chrome and Edge on an Android device. No issues.

1 Like
7

Thanks for testing. I also had 2 additional people testing the zoom functionality in Chrome/Android and both reported that zooming (pinching) was not possible. When I apply “super artistic” pinching techniques zooming images occasionally work - maybe 2 out of 8 times. Some images can’t be zoomed at all.

8

While I can’t confirm such a bad experience on my end, I can tell that it’s not super intuitive.
The problem I see here is when it’s not working on first try, the user assumes that zooming is not possible in general, which indeed is an issue.

9

I agree with the points that have been brought up here… It seems that the zoom will only apply to images that require it and is not consistent throughout.

The plan was to either look for a better library (feel free to propose) or simply code a solution specific to Cwicly. The timing to implement it would also come into play.

2 Likes
10

Whatever makes the most sense to you @Louis.

It might pay off in the end to implement something custom, even if it means a bit more effort in the beginning.
You did a great job with the modal block for example.

I guess that’s the advantage of:

But as always, there are some variables that only you as the developer are aware of.

2 Likes