retype icon indicating copy to clipboard operation
retype copied to clipboard

Lightbox for images

Open axonasif opened this issue 3 years ago • 5 comments

Hi again. It would be nice if we could click on images, plus the ability to zoom into them over a simple lightbox. Thanks.

See also

  • #25

axonasif avatar Jul 06 '21 01:07 axonasif

Thanks for the feature request.

I will keep this in mind and try to come up with some options. Might be best to implement as another Retype component that you explicitly configure as a lightbox image. Something like:

![!lightbox A caption here](../static/photo1.jpg)

geoffreymcgill avatar Jul 06 '21 08:07 geoffreymcgill

Thanks for the feature request.

I will keep this in mind and try to come up with some options. Might be best to implement as another Retype component that you explicitly configure as a lightbox image. Something like:

![!lightbox A caption here](../static/photo1.jpg)

That seems like a better idea 🙌

axonasif avatar Jul 06 '21 08:07 axonasif

One thing to keep in mind in my opinion:

More often than not, these lightbox-style image popups end up creating a less polished experience. I am not saying it can't be implemented nicely, juts that I have seen more cases where it harms my experience instead of improving it.

I am saying it also since Retype right now is near-perfect in terms of how it renders, and I would be guarding its "spirit" like a hawk.

When I absolutely had to allow users to enlarge an image (animated screencast in my case), I just linked it to a hidden page with a central layout: See the screencast on this page.

Lastly, another point to consider:

  • Desktop people don't need to enlarge, since they have a large screen, and we are not presenting "photo galleries" here, but rather screenshots and the likes.
  • Mobile people don't need to enlarge, since images already take the full width of the screen.

DannyBen avatar Jul 22 '21 22:07 DannyBen

Definitely agree that it should be separate component and so opt in as 95% of the time we don't need the behaviour. Occassionally though we hae arch diagrams that are very large and so need zoom controls even on a larger monitor. e.g. image

Euan-McVie avatar Apr 18 '23 09:04 Euan-McVie

We have a handful of large images and a separate lightbox component would be ideal.

conanthedev avatar Sep 03 '23 13:09 conanthedev