Как сделать слайдер в модальном окне?

Question

[ne_pes]

есть слайдер swiper.js, как сделать, чтобы при нажатии на кнопку, фон страницы затемнялся и появлялся слайдер поверх всех окон?

Comments

[Сергей delphinpro]

затемнить фон и показать поверх слайдер. В чём затык?

Answer 1

[DmitriySwan]

1)Сделать слайдер, скрыть его и поставить самый высокий z-index;
2)Сделать подложку для слайдера, которая затемняет фон, тоже скрыть и поставить width:100% height:100%;
3)Повесить на кнопку событие, которое показывает эти два блока.
(Можно подложку просто переключить класс со свойством opacity и visibility:hidden, а слайдер загнать в top: -9999px, а потом как бы поставить нужную высоту и он сверху так будет падать, т.е сразу подложка образуется, а потом и блок упадет. Ну и на то, и на то поставить transition)

Comments

[DmitriySwan]

Должно сработать, и без модальных окон