Дополнительные кнопки для uLighbox окон для uCoz
827материалов
228тем на форуме
3004комментария
6159пользователей

Дополнительные кнопки для uLighbox окон для uCoz

Очень интересный скрипт для uLighbox, может кому-то он будет полезен. Суть его проста - рядом с кнопкой "Закрыть" появятся ещё две кнопки - "закрыть оверлей" (Тёмную подложку под окном) и "свернуть окно" - кнопка, которая позволит свернуть большое окно в окошечко 250*150 пикселей, плавающее в левой верхней части экрана 



Установка: 

После </head> на нужных страницах вставляйте:
 
Код
setInterval(function () {   
// Дополнительные кнопки в ulightbox окнах by Apocalypse   
   $('a.fancybox-close,div.fancybox-close').each(function () {   
if ($(this).prev('.fancynewapob').size() == 0) {   
   $(this).before('<div class="fancynewapob apofancymin" title="Свернуть окно"></div><div class="fancynewapob apofancyover" title="Закрыть оверлей"></div>');   
   $('.apofancymin').click(function () {   
if ($(this).hasClass('apofancyminon')) {   
   $(this).removeClass('apofancyminon');   
   $('.fancybox-inner').removeClass('fancyapoin');   
   $('.fancybox-wrap').removeClass('fancyapoout');   
   $('.fancybox-inner img, .fancybox-inner iframe').removeClass('apofancyinmg');   
} else {   
   $(this).addClass('apofancyminon');   
   $('.fancybox-inner').addClass('fancyapoin');   
   $('.fancybox-wrap').addClass('fancyapoout');   
   $('.fancybox-inner img, .fancybox-inner iframe').addClass('apofancyinmg');   
};   
});   
   $('.apofancyover').click(function () {   
if ($(this).hasClass('apofancyoveroff')) {   
   $(this).removeClass('apofancyoveroff');   
   $('#fancybox-overlay').fadeIn(300);   
} else {   
   $(this).addClass('apofancyoveroff');   
   $('#fancybox-overlay').fadeOut(300);   
};   
});   
};   
// apo-ucoz.com (c) 2013   
});   
   }, 100);

В самый низ вашего css вставляйте: 
Код
.fancynewapob {   
   width:38px;   
   height:38px;   
   margin-left:-50px;   
   position:absolute;   
   top:-20px;   
   cursor:pointer   
   }   
   .fancyapoout {   
   width:250px !important;   
   height:150px !important;   
   left:10px !important;   
   top:20px !important   
   }   
   .fancyapoin {   
   width:245px !important;   
   height:145px !important   
   }   
   .apofancyover {   
   background:url('/images/fancybox_sprite_overlayon.png') no-repeat;   
   right:17px   
   }   
   .apofancyoveroff {   
   background:url('/images/fancybox_sprite_overlayoff.png') no-repeat !important   
   }   
   .apofancymin {   
   background:url('/images/fancybox_sprite_min.png') no-repeat;   
   right:55px   
   }   
   .apofancyminon {   
   background:url('/images/fancybox_sprite_minon.png') no-repeat !important;   
   }   
   .apofancyinmg {   
   max-width:250px !important;   
   max-height:150px !important;

Картинки из прикреплённого архива залейте в папку images

ЗАКАЗАТЬ УСТАНОВКУ

Скрипт опубликовал:
...
Логин на сайте: ...
Группа: ...
Статус: ...
Информация о скрипте:
Дата добавления материала: 26.06.2013 в 23:50
Материал просмотрен: 585 раз
Категория материала: Скрипты для uCoz
К материалу оставлено: 0 комментариев

Пожаловаться
Сказать спасибо

0 комментариев


avatar
Вход через социальные сети
Работа в компании uCoz
uSocial - социальные кнопки
uLike – кнопка «Мне нравится»
Статистики нашего сайта