How to make a slider in a modal window?

Question

css

there is a swiper.js slider, how to make the page background dim when the button is clicked and the slider appears on top of all windows?

Answer 1

1) Make a slider, hide it and set the highest z-index;
2) Make a background for the slider that darkens the background, hide it too and set width: 100% height: 100%;
3) Hang an event on the button that shows these two blocks.
(You can simply switch the background class with the opacity and visibility:hidden properties, and drive the slider to top: -9999px, and then, as it were, set the desired height and it will fall from above, that is, the background will immediately form, and then the block will fall. Well, for that, and for that, put a transition)