Главная » Файлы » Скрипты для uCoz » Другие скрипты

Дополнительные кнопки для uLighbox окон by Apocalypse для uCoz
24.06.14, 16:30:32

Скачать файл






Данный скрипт был разработан для моего проекта ApoTv, но я решил поделиться своим решением для народа. Может кому-то будет данный скрипт полезен. Суть его проста - рядом с кнопкой "Закрыть" появятся ещё две кнопки - "закрыть оверлей" (Тёмную подложку под окном) и "свернуть окно" - кнопка, которая позволит свернуть большое окно в окошечко 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

Материал разработан и подготовлен Apocalypse
Категория: Другие скрипты | Добавил: Apocalypse | Теги: дополнительные, Apocalypse, ucoz, by, uLighbox, окон, для, Кнопки
Просмотров: 456 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: