CODE (javascript):
скопировать код в буфер обмена
скопировать код в буфер обмена
- /** ============= lightbox ============= **/
- var hide_lightbox = false;
- $('.lightbox_show').mouseout(function() {
- hide_lightbox = true;
- });
- $('.lightbox_show').mouseover(function() {
- hide_lightbox = false;
- });
- $('body').click(function () {
- if(hide_lightbox) {
- $('#lightbox_overlay').remove();
- $('body').css('overflow-y', 'auto');
- hide_lightbox = false;
- }
- });
- // позиционирование контейнера
- function positionLightbox() {
- var top = ($(window).height() - $('.lightbox_show').height()) / 2;
- var left = ($(window).width() - $('.lightbox_show').width()) / 2
- $('#lightbox_container').css({
- 'top' : top,
- 'left': left
- });
- }
- // показываем затенение, скрываем полосу прокрутки
- function lightbox() {
- // скрыть полосы прокрутки
- $('body').css('overflow-y', 'hidden');
- // показываем лайтбокс
- $('<div id="lightbox_overlay" class="group"></div>')
- .css('top', $(document).scrollTop())
- .appendTo('body');
- // вставляем в лайтбокс контейнер
- $('<div id="lightbox_container" class="group"></div>')
- .appendTo('#lightbox_overlay');
- }
- // ============= окошечко вход vk и акаунт сайта ============= //
- $('a.login').click(function(event) {
- event.preventDefault();
- // запускаем лайтбокс
- lightbox();
- // помещаем и показываем форму входа в контейнере
- $('.lightbox_login').appendTo('#lightbox_container');
- // центрируем контейнер
- positionLightbox();
- });