Как закрыть Lightbox по клику на кнопку “Назад”?

203
22 июня 2018, 10:00

На сайте есть модальное окно Bootstrap 4, в нем фотогалерея, список миниатюр картинок. По клику на миниатюру, она открывается на всю ширину экрана с помощью плагина Lightbox.

После открытия модального окна Bootstrap 4, если нажать кнопку назад (браузерная кнопка назад, или кнопка назад на мобильном телефоне) то мы перейдем на предыдущий сайт, а нужно сделать, чтобы модальное окошко закрылось как если бы мы нажали на кнопку Esc.

Как это сделать для модального окна Bootstrap 4 я в интернете нашел решение, код ниже написал. А вот как такое сделать для Lightbox? Чтобы, когда картинка с помощью него открыта, то по клику на кнопку "Назад", пользователь возвращался к списку миниатюр, а не на совсем другой сайт?

$('.modal').on('shown.bs.modal', function (e) {
    window.location.href = '#' + $(this).attr('data-m');
});
$('.modal').on('hidden.bs.modal', function (e) {
    history.pushState('', document.title, window.location.pathname);
});
$(window).bind('hashchange', function() {
    if(window.location.hash == ''){
        $('.modal').modal('hide');
    }
});
READ ALSO
Плагин для выбора изображений

Плагин для выбора изображений

Нужен плагин для отображения картинок разных размеров при вводе в input полеКак пример нужно на подобии typeahead

142
Почему asm.js влияет на будущее js?

Почему asm.js влияет на будущее js?

Смотрю предложение по добавлению BigInt в javascriptТам целый раздел посвящён совместимости с asm

155
JS jquery выбор нужного элемента

JS jquery выбор нужного элемента

нужно вставить text в input-text который в блоке title-new, никак не получается сделать это через closest, если сделать find то вставит на все поля input-text на странице,...

187
Apache Cordova InAppBrowser.executeScript not working

Apache Cordova InAppBrowser.executeScript not working

Делаю первое приложения на Apach Cordova (Visual Studio 2017), пытаюсь открыть сайт и нажать на нём на кнопку:

169