How to create a simple lightbox with swiper js?

Hi guys, i didn’t find nothing on internet, hope someone will help.
I’m using react, and want to build a lightbox lithe this one:
Is it possible to create it without having 2 slide components?

ezgif.com-gif-maker

1 Like

try to combine the swiper with the photo browser, I think you will be successful!

without popup of f7 it’s not possible?
@nolimits4web maybe you can help :slightly_smiling_face: thanks

#display-base{ display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100vh; background: #000; } .display{ background: #ddd; width: 80%; } .display.img{ /*props*/ }
<div class="display"> 
	<img src="...img" alt="">
<div>

I would try something along these lines, but there are a lot of slide examples on the internet where you can use f7 freely and in isolation, but I would still try using f7 directly.

good luck!