Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Скрытие элемента при клике вне этого элемента (https://javascript.ru/forum/misc/37716-skrytie-ehlementa-pri-klike-vne-ehtogo-ehlementa.html)

astrogator 03.05.2013 21:43

Скрытие элемента при клике вне этого элемента
 
Доброго времени суток!

Имеется сайт http://nelidova.artphototrend.com , на котором требуется реализовать фотогалерею. Всплывать она должна таким же образом, как и информация в разделах about, services и т.д., но, при этом, она не должна закрываться по первому же клику, что, как вы понимаете, неприемлемо, т.к. необходимо перелистывать фотографии. Хотелось бы, что бы она закрывалась по клику вне самой галереи или кликом по кнопке крестика-закрытия.

Скрипт галереи выглядит следующим образом

<p>
<script type="text/javascript" src="../celebrites/js/jquery.js"></script>
<script type="text/javascript" src="../celebrites/js/swfobject.js"></script>
<script type="text/javascript" src="../celebrites/js/flashgallery.js"></script>
<script type="text/javascript">
jQuery.noConflict();
jQuery.flashgallery('celebrites/gallery.swf', 'celebrites/config.xml', { width: '1200px', height: '700px', background: 'transparent', align: 'center' });
</script>
</p>

Я прописала строку jQuery.noConflict(); , потому как иначе она вообще не отображалась.

Очень надеюсь на вашу помощь!

astrogator 10.05.2013 13:27

помощь все еще очень нужна!...(

_0_ 11.05.2013 15:12

Без модификации плагинов вряд ли получится

Aetae 11.05.2013 20:18

Элементарно же. Особенно с jquery. Вешаете на всё окно on click, и проверяете, что target не окно галереи и target не child окна галереи.

qwerty-клавиатура 11.05.2013 20:24

<div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .66;" onclick="this.style.display = 'none';"><div style="width: 300px; height: 200px; margin: 0 auto; background: #fff;" id="xynta">Окно 300x200 пикселей</div></div>


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