[Help]: Click over the image and display a modal with the image clicked with a larger size

[jrneliodias]

Summary

Hello, I wanted to know if it's possible to have an option to render a modal when I click on the image, and it opens in a larger size in the center of the screen.

If applicable, which variants of Embla Carousel are relevant to this question?

• embla-carousel (Core)
• embla-carousel-react
• embla-carousel-vue
• embla-carousel-svelte
• embla-carousel-autoplay
• embla-carousel-auto-scroll
• embla-carousel-solid
• embla-carousel-auto-height
• embla-carousel-class-names
• embla-carousel-docs (Documentation)
• embla-carousel-docs (Generator)

Additional information

No response

CodeSandbox example

No response

[davidjerleke]

@jrneliodias thank you for your question. Sure you can, what have you tried so far?

[jrneliodias]

Thanks for reply. I made a state to store the image with onClick and display a shadcn-ui Dialog component with the image. So I think if there is a better solution with Embla Carousel.

[davidjerleke]

@jrneliodias I think getting the image index on slide click is a good solution. You can pass the clicked index to the dialog using a store or directly.