Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Помогите с настройкой лайтбокс окна (https://javascript.ru/forum/dom-window/25360-pomogite-s-nastrojjkojj-lajjtboks-okna.html)

obormot 02.02.2012 19:56

Помогите с настройкой лайтбокс окна
 
Добрый день!
Прошу помощи у ява скрипт програмистов, ибо сам не силен! :-?

Есть шаблон, в котором есть лайт бокс окно, оно вызывалось так:

Код:

$(".project-list ul li .image a.more").click(function(){
$("#lightbox").css("filter", "alpha(opacity=90)");
$("#lightbox").fadeIn(300);
$(this).parent().parent().find(".lightbox-work").fadeIn(300);
})
$("#lightbox, .lightbox-close").click(function(){
$("#lightbox, .lightbox-work").fadeOut(300);
});

Стояла задача запрограмировать окно так, что бы его невозможно было закрыть кликом вне окна! И что бы его вообще невозможно было закрыть без авторизации!

Код модифицировали так:

Код:

<script>
$(document).ready(function() {
$("#lightbox").css("filter", "alpha(opacity=90)");
$("#lightbox, #loginbox-panel").fadeIn(300);
})
$("#lightbox-close").click(function(){
$("#loginbox-panel").fadeOut(300);
});
</script>

Получилось что окно не закрывается при клике вне окна! Ура )
Но при клике вне окна пропадает бекгоунд, который задается в CSS для лайт бокс окна, с прозрачностью, так же когда пропадает фон, становятся активными ссылки на странице, что так же недопустимо!

Живой пример:
http://pro-igrushka.ru/1/

Помогите подправить скрипт!
Спасибо!

Nanto 03.02.2012 16:14

У Вас в основном (подключаемом) скрипте, такая запись
$("#lightbox, .lightbox-close").click(function(){
		$("#lightbox, .lightbox-work").fadeOut(300);

Выкидывайте оттуда #lightbox - Вы все равно его не переопределяете инлайном, и он отрабатывает!
Но как-то у Вас там косяков много - классы с идентификаторами спутаны...


Часовой пояс GMT +3, время: 23:56.