Главная » 2013 » Июнь » 1 » Дополнительные кнопки для uLighbox окон (Скрипты для ucoz)
01.06.2013, 21:35

Дополнительные кнопки для 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
Материал взят с сайта infoscript.ru
Теги: Скачать Дополнительные кнопки для uLighbox окон
Скачать "Дополнительные кнопки для uLighbox окон"
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: apo-ucoz.com
Категория: Скрипты uCoz | Просмотров: 1270 | Добавил: sold93 | Рейтинг: 5.0/1 |
Теги: дополнительные, Apocalypse, uCoz, By, uLighbox, для, окон, кнопки
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]