Good lightbox solution?

[michaelmolino]

I really like q-img with it’s loading effects and error handling, but I’m having a hard time getting a lightbox to work. I was trying to use v-img but it doesn’t work. I think the issue is q-img renders as a div with a background image and not an actual img. Anyone have a good option?

[PeterQF]

I also need a page with viewable images and caption text and then be able to klick on them en enlarge with caption. Any idea

[dobbel]

@PeterQF @michaelmolino

https://onycat.com/vue-easy-lightbox/

https://github.com/DCzajkowski/vue-pure-lightbox#readme

https://vue-cool-lightbox.lucaspulliese.com/

https://os.karamoff.dev/vue-tinybox/

https://github.com/banthagroup/fslightbox-vue

https://github.com/pexea12/vue-image-lightbox

[PeterQF]

@dobbel, thank you.

[beets]

As a sidenote, you can make QImg use an actual image with the native-context-menu prop:

<q-img
          src="https://cdn.quasar.dev/img/parallax2.jpg"
          style="width: 100%"
          native-context-menu
        >