Заработок в интернете и раскрутка вашего сайта Пятница, 29.03.2024, 18:50
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Создание сайта » HTML коды для uCoz » Дополнительные кнопки для uLighbox uCoz (Дополнительные кнопки для uLighbox uCoz)
Дополнительные кнопки для uLighbox uCoz
adminДата: Суббота, 21.12.2013, 14:53 | Сообщение # 1
Главный админ
Группа: Администраторы
Сообщений: 336
Награды: 0
Репутация: 1
Статус: Offline
Дополнительные кнопки для 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
}



data-yashareType="button" data-

yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj,gplus">
 

Нравится







Форум » Создание сайта » HTML коды для uCoz » Дополнительные кнопки для uLighbox uCoz (Дополнительные кнопки для uLighbox uCoz)
  • Страница 1 из 1
  • 1
Поиск:

Заработок в интернете и продвижение вашего сайта © 2013-2024
Копирование материалов сайта без согласия запрещено!

Яндекс.Метрика

СЕГОДНЯ НАС ПОСЕТИЛИ:

200