Как закрыть TosRUs по клику мимо картинки lightbox

Всем привет. Со временем немножко напряг, но хочу пару строк написать по поводу lightbox wordpress, а именно плагин Responsive lightbox.

В общем не буду ходить вокруг да около, у этого плагина есть в настройках возможность выбрать отображение всплывающих изображений TosRUs (Touch Optimized Sliders), вот с ним то и случились у меня проблемы.

Вот так он кстати включается:

Responsive lightbox TosRUs

Довольно прикольный вариант превьювера для картинок в 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-img-2

Всем спасибо за внимание. Надеюсь этот пост помог решить вам проблему закрытия tosrus при клике мимо картинки.

 

Если у вас возникли вопросы, я радо отвечу на них в комментариях. также буду благодарный за лайк:

Комментарии к записи «Как закрыть TosRUs по клику мимо картинки lightbox»:
Сделать заказ
Онлайн помощь по WordPress