Дополнительные кнопки для uLighbox uCoz
Покрутив стандартную программу для просмотра видео LighBox, мы пришли к выводу, что и ее можно сделать лучше и приятнее в отображении и навигации. Вообще данный плагине был разработан для собственного сайта и нового проекта ApoTv, но мы готовы поделиться со всеми желающими сделать ваши видеофайлы еще более привлекательными для зрителей.
Суть плагина очень просто - рядом с обыкновенной и всем известной кнопкой "Закрыть" появляется еще одна кнопка - "Закрыть оверлей". Для тех, кто слово оверлей видит впервые - это такая темная подложка под окном просмотра. Следовательно, при желании темную подложку можно убрать, получается симпатично. так же добавлена еще одна кнопка - " Свернуть окно". Это не стандартное сворачивание, а его новый вид - окошечко становится размером 250х150 пикселей и зависает в левой верхней части экрана. Кому и зачем это будет нужно - решайте сами и фантазируйте. Новый плагин доступен для скачивания всем желающим. От вас жду комментарием, так как интересно, на всех ли новый вид ЛайтБокса произвел положительное впечатление. Если найдете ошибки в работе плагина - так же оставляйте комментарии, а мы оперативно исправим.
Важно! Картинки из прикреплённого архива залейте в папку images
Установка:
После /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
}
charset="utf-8">
data-yashareType="button" data-
yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj,gplus">