How can I expand an image to full screen when I click on it?

Question

React

Hello everyone, please advise. Here is Instagram. And if you go to see the pictures from your computer, then there is such an option as increasing the photo when you click it, and at the same time all these pictures also go as a slide and you can also write comments under the picture. I don't really understand how to implement this correctly. The slider for example can be taken from "Slider swiper". Please tell me how to do it right. I write in Reacte myself. As I understand it, when I click on the picture, I need to call the slider on top of all windows? Or maybe there is a special plugin that needs to be connected. Or can someone share a link where you can read about it? Thanks in advance for your replies. I'm new at this.

Answer 1

When clicking on a photo, use Modal. Make the slider the child of the module window.