Всем привет. Со временем немножко напряг, но хочу пару строк написать по поводу lightbox wordpress, а именно плагин Responsive lightbox.
В общем не буду ходить вокруг да около, у этого плагина есть в настройках возможность выбрать отображение всплывающих изображений TosRUs (Touch Optimized Sliders), вот с ним то и случились у меня проблемы.
Вот так он кстати включается:
Довольно прикольный вариант превьювера для картинок в WordPress, и все бы ничего, но в его настройках нет возможности закрыть просмотр lightbox кликнув мимо картинки. Получается, чтобы закрыть окно просмотра нужно тянуться в верх к кнопке закрыть. Жуть как не удобно.
Решить проблему нахрапом у меня не получилось, этот плагин обрубает все события кликов на javascript & jquery и отследить событие click не реально. Решение этой проблемы, довольно простое, нашел на англоязычных форумах и вот решил поделиться с вами.
$.tosrus.defaults.wrapper.onClick = "close";
Вот этот простой код, нужно закинуть в файл яваскрипта, после
(function( $ ) { $(document).ready(function(){
Если своего файла яваскрипт нет, его нужно создать. В итоге у меня такой код получился:
(function( $ ) { $(document).ready(function(){ $.tosrus.defaults.wrapper.onClick = "close"; }); })(jQuery);
Легко, просто и очень удобно.
Вот парочка примеров работы этого слайдера:
Всем спасибо за внимание. Надеюсь этот пост помог решить вам проблему закрытия tosrus при клике мимо картинки.
Если у вас возникли вопросы, я радо отвечу на них в комментариях. также буду благодарный за лайк: