Не убирается добавленный стиль
 

Приветствую всех.


Попробую объяснить в чем проблема.
Вообщем есть галерея lightbox, при увеличение изображения нужно чтобы появлялась полоса скроллинга для него и убиралась для body, а при закрытии наоборот.

Первый цикл проходит успешно, а вот обратно-скроллинг для body не добавляется. Закоментирован второй вариант с добавлением класса с соответствующим стилем к body, который также не работает.

$('.preview').click(function(){
     $('body').css('overflow-y','hidden');
//	 $('body').addClass('hidd');
 $('.lightbox').css('overflow','scroll');
    }); 
    
    $('body').click(function(){
		$('body').css('overflow-y','auto');
	$('.lightbox').css('overflow','hidden');
    // $('body').removeClass('hidd');
    });

Вместо body в обработчик второго цикла также пробовал вставлять и div с lightbox, кнопку закрытия .close. Ничего не помогает. Подозреваю, что несовместимость со скриптом lightbox, мучаюсь уже дня три, помогите пжл :(

lightbox https://github.com/lokesh/lightbox2/...ightbox.min.js

Смотри документацию к скрипту. Наверняка там есть возможность повесить обработчики на открытие/закрытие лайтбокса. Это называется callbacks. Че-та вроде onShow/onClose.

Клики не подходят, хотя бы потому, что лайтбокс можно закрыть без клика, по клавише Esc.

danik.js, если честно я не представляю как это сделать, можно пример?

Вот дерьмо. Нет там никаких callback'ов. Дерьмо а не скрипт. выкинь его нафиг. Юзай fancybox например. Или colorbox или еще какой-нибудь ***box. Куча их. Всякие с css3 плюшками и поддержкой мобилок есть.

https://github.com/lokesh/lightbox2/...js/lightbox.js

строка 129 добавить

$('body').css('overflow-y','hidden');

строка 400 в начало

$('body').css('overflow-y','auto');

рони, все работает, большое спасибо!

скрипт уже интегрирован в сайт, поэтому имеем что имеем)