Я создаю туристический веб-сайт, и я хотел бы создать адаптивную сетку / ряд миниатюр, по которым можно щелкнуть, чтобы слайд-шоу покрыло экран полным изображением миниатюры, по которой они щелкнули. Пользователь может нажимать стрелки на боковой стороне изображения, чтобы переключаться между другими изображениями в том же наборе, или нажимать «х» в углу, чтобы выйти из слайд-шоу и вернуться на страницу в том же месте, где они были.
Проще говоря, я хочу скопировать поведение, когда вы нажимаете на изображение в поиске изображений Bing или Google или нажимаете на фотографию в фотоальбоме Facebook.
Я подумал, что это будет обычная и простая в выполнении задача, но мое исследование до сих пор дало только полностраничные загрузочные карусели, которые люди размещают на своей домашней странице. Это, честно говоря, звучит ужасно для меня, поскольку это заняло бы много места и подтолкнуло бы более важный контент вниз по странице.
Есть ли простой способ или существующая библиотека для этого?
Для чего бы то ни было, мой веб-сайт в настоящее время построен на Angular 4 и использует загрузчик.