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