Powered by Invision Power Board
Доброго времени суток, уважаемые новички форума и те, кто не так давно зарегистрировал форум на нашем сервисе. Обращаем Ваше внимание на то, что данный форум - своеобразная база знаний, на которой хранятся ответы на все Ваши сформировавшиеся (также как и не сформировавшиеся) вопросы по работе Вашего форума. Администрацией сервиса было принято решение написать документацию по использованию поиска по форуму технической поддержки. Мы понимаем, что конечно лучше, когда именно Вам лично дают качественный ответ, но ответы на большинство вопросов уже даны - достаточно правильно спросить поисковик, и он найдёт Вам то, что Вы ищите.
  1. На этом форуме осуществляется техническая поддержка только и только форумов IP.Board Сервиса IPB.SU.
  2. Заполните в Профиле поле: "Адрес Вашего форума" - это упростит работу Aдминистрации при решении Bаших проблем.
С уважением,
Администрация Сервиса IPB.SU!


Forum Rules Правила раздела

В этом разделе пользователи форума могут только оставлять сообщения в темах.
Перед отправлением сообщений, пожалуйста, прочитайте правила форума.
В темах раздела задавайте вопросы правильно и, соблюдайте знаки препинания.

Страницы: (3) [1] 2 3   ( Перейти к первому непрочитанному сообщению ) Reply to this topicStart new topicStart Poll

> Визуальное оформление приаттаченых картинок
Duka
Quote Post

HTML, xHTML, CSS, JavaScript, AJAX, PHP, MySQL
Group Icon


Сообщений: 206
Из: Москва

Активность: Member Offline


Ответить Автору

Репутация: 15


Как описать незнаю, псомтрите демо тут, устанавливал им на форум 15 минут назад.
http://russianclub.ipb.su/index.php?act=ST&f=2&t=193

В Topic View Section - Header
добавляем в самый верх
CODE
<script type="text/javascript" language="javascript" src="http://i.rusff.ru/f/ru/rusff/lytebox.js"></script>
<link rel="stylesheet" href="http://i.rusff.ru/f/ru/rusff/lytebox.css" type="text/css" media="screen" />


В Topic View Section - Show_attachments_img_thumb
после <a добавляем
CODE
rel="lytebox"

В настройках форума укажите, что создавать превью размером 100 на 100(ну или на ваш выбор)

Работает только при полной загрузки страницы


--------------------
<style>
#dom2 {display: none}
</style>
PMEmail Poster
Top
Foykys
Quote Post

╬Лорд Войны╬
Group Icon


Сообщений: 776
Из: Скала Фениксов

Активность: Member Offline


Ответить Автору

Репутация: 4


Спасиба. Очень понравилось!


--------------------
user posted image
PMEmail Poster
Top
Fiona
Quote Post

Вредина
Group Icon


Сообщений: 857
Из: Альдога

Активность: Member Offline


Ответить Автору

Репутация: 15


Красиво


--------------------
Пилою моя бабушка была, и мамочка моя была пилою...
PM
Top
Alex Okonnor
Quote Post

[Адмирал]
Group Icon


Сообщений: 1 661
Из: провинциальной деревушки на краю ада

Активность: Member Offline


Ответить Автору

Репутация: 83


В ИЕ не работает !

Не сорри все работает, просто лагануло) второй раз кликнул и открылось =)

А так отлично выглядит =)

Это сообщение отредактировал LAF - Апр 8 2008, 14:22


--------------------
Помог ? Тогда жмите user posted image
=========================
user posted image310-950-543 сюда стучать, если у вас есть предложение ко мне.. [в аське крайне редко]
user posted image ник : zse_gm по пустякам не беспокоить. [Обычно в онлайне до 5-6 вечера по мск]
За приделами форума тех. поддержки, за "спасибо" нечего не делаю!
=========================
user posted image
=========================
Из 1.3 в 3.1, возможно или нет?!
Возможно... Сделано... Проверено... Доказано =)


Один из Основателей Saint people
PM
Top
Fiona
Quote Post

Вредина
Group Icon


Сообщений: 857
Из: Альдога

Активность: Member Offline


Ответить Автору

Репутация: 15


Это все будет работать , пока выложенный скрипт лежит тут http://i.rusff.ru/f/ru/rusff/lytebox.css , а если с ним что случиться? приаттаченные вообще не будут открываться ?


--------------------
Пилою моя бабушка была, и мамочка моя была пилою...
PM
Top
Duka
Quote Post

HTML, xHTML, CSS, JavaScript, AJAX, PHP, MySQL
Group Icon


Сообщений: 206
Из: Москва

Активность: Member Offline


Ответить Автору

Репутация: 15


QUOTE (Fiona @ Апр 8 2008, 14:30)
Это все будет работать , пока выложенный скрипт лежит тут http://i.rusff.ru/f/ru/rusff/lytebox.css , а если с ним что случиться? приаттаченные вообще не будут открываться ?
это файл стиля, еще один пропустил) там один файл стиля, другой скрипта.
Скрипты массивные, заточил их туда. Когда я свой сервис закрою - дам знать)) перезальете))
LAF, скрипт будет работать только при полной загрузки страницы, до самого </html>

Это сообщение отредактировал Duka - Апр 8 2008, 14:43


--------------------
<style>
#dom2 {display: none}
</style>
PMEmail Poster
Top
Alex Okonnor
Quote Post

[Адмирал]
Group Icon


Сообщений: 1 661
Из: провинциальной деревушки на краю ада

Активность: Member Offline


Ответить Автору

Репутация: 83


Duka,
Да я уже прочитал) Спасибо за скрип, действительно замечательно выглядит.

Fiona,
Так перезалей, js и css...я вот это сейчас и делаю.


--------------------
Помог ? Тогда жмите user posted image
=========================
user posted image310-950-543 сюда стучать, если у вас есть предложение ко мне.. [в аське крайне редко]
user posted image ник : zse_gm по пустякам не беспокоить. [Обычно в онлайне до 5-6 вечера по мск]
За приделами форума тех. поддержки, за "спасибо" нечего не делаю!
=========================
user posted image
=========================
Из 1.3 в 3.1, возможно или нет?!
Возможно... Сделано... Проверено... Доказано =)


Один из Основателей Saint people
PM
Top
Duka
Quote Post

HTML, xHTML, CSS, JavaScript, AJAX, PHP, MySQL
Group Icon


Сообщений: 206
Из: Москва

Активность: Member Offline


Ответить Автору

Репутация: 15


LAF, да, желательно файлы, которые используешь, хранить у себя на форуме... только вот залить их ведь невозможно на форум... надо на такие обменники, где дают прямую ссылку... либо можно сделать так:
вместо
CODE
<script type="text/javascript" language="javascript" src="http://i.rusff.ru/f/ru/rusff/lytebox.js"></script>
<link rel="stylesheet" href="http://i.rusff.ru/f/ru/rusff/lytebox.css" type="text/css" media="screen" />
поставить
CODE
<script type="text/javascript" language="javascript">
//***********************************************************************************************************************************/
// Производитель скрипта  [URL=http://www.dolem.com/lytebox/]http://www.dolem.com/lytebox/[/URL]
//Установил и оптимизировал Duka ( rusff.ru)
//Скрипт  распространяется на сервисах *цензура* без каких-либо копирайтов
//Все пожелания и дополнения можете адресовать Duka на rusff.ru
//Планы: индивидуальная установка 5 цветовых гамм.
//***********************************************************************************************************************************/
Array.prototype.removeDuplicates = function () { for (var i = 1; i < this.length; i++) { if (this[i][0] == this[i-1][0]) { this.splice(i,1); } } }
Array.prototype.empty = function () { for (var i = 0; i <= this.length; i++) { this.shift(); } }
String.prototype.trim = function () { return this.replace(/^\s+|\s+$/g, ''); }

function LyteBox() {
/*** Начало глобальной конфигурации ***/
 this.theme    = 'grey';
 this.hideFlash   = true;
 this.outerBorder  = true;
 this.resizeSpeed  = 8;
 this.maxOpacity   = 80;
 this.navType   = 1;
 this.autoResize   = true;
 this.doAnimations  = true;
 
 this.borderSize   = 12;
/*** Конец глобальной конфигурации ***/

/*** Конфигурация опций Слайдшоу ***/
 this.slideInterval  = 4000;
 this.showNavigation  = true;
 this.showClose   = true;
 this.showDetails  = true;
 this.showPlayPause  = true;
 this.autoEnd   = true;
 this.pauseOnNextClick = false;
       this.pauseOnPrevClick  = true;
/*** Конец конфигурации опции Слайдшоу ***/

if(this.resizeSpeed > 10) { this.resizeSpeed = 10; }
if(this.resizeSpeed < 1) { resizeSpeed = 1; }
this.resizeDuration = (11 - this.resizeSpeed) * 0.15;
this.resizeWTimerArray  = new Array();
this.resizeWTimerCount  = 0;
this.resizeHTimerArray  = new Array();
this.resizeHTimerCount  = 0;
this.showContentTimerArray = new Array();
this.showContentTimerCount = 0;
this.overlayTimerArray  = new Array();
this.overlayTimerCount  = 0;
this.imageTimerArray  = new Array();
this.imageTimerCount  = 0;
this.timerIDArray   = new Array();
this.timerIDCount   = 0;
this.slideshowIDArray  = new Array();
this.slideshowIDCount  = 0;
this.imageArray  = new Array();
this.activeImage = null;
this.slideArray  = new Array();
this.activeSlide = null;
this.frameArray  = new Array();
this.activeFrame = null;
this.checkFrame();
this.isSlideshow = false;
this.isLyteframe = false;
/*@cc_on
 /*@if (@_jscript)
  this.ie = (document.all && !window.opera) ? true : false;
 /*@else @*/
  this.ie = false;
 /*@end
@*/
this.ie7 = (this.ie && window.XMLHttpRequest);
this.initialize();
}
LyteBox.prototype.initialize = function() {
this.updateLyteboxItems();
var objBody = this.doc.getElementsByTagName("body").item(0);
if (this.doc.getElementById('lbOverlay')) {
 objBody.removeChild(this.doc.getElementById("lbOverlay"));
 objBody.removeChild(this.doc.getElementById("lbMain"));
}
var objOverlay = this.doc.createElement("div");
 objOverlay.setAttribute('id','lbOverlay');
 objOverlay.setAttribute((this.ie ? 'className' : 'class'), this.theme);
 if ((this.ie && !this.ie7) || (this.ie7 && this.doc.compatMode == 'BackCompat')) {
  objOverlay.style.position = 'absolute';
 }
 objOverlay.style.display = 'none';
 objBody.appendChild(objOverlay);
var objLytebox = this.doc.createElement("div");
 objLytebox.setAttribute('id','lbMain');
 objLytebox.style.display = 'none';
 objBody.appendChild(objLytebox);
var objOuterContainer = this.doc.createElement("div");
 objOuterContainer.setAttribute('id','lbOuterContainer');
 objOuterContainer.setAttribute((this.ie ? 'className' : 'class'), this.theme);
 objLytebox.appendChild(objOuterContainer);
var objIframeContainer = this.doc.createElement("div");
 objIframeContainer.setAttribute('id','lbIframeContainer');
 objIframeContainer.style.display = 'none';
 objOuterContainer.appendChild(objIframeContainer);
var objIframe = this.doc.createElement("iframe");
 objIframe.setAttribute('id','lbIframe');
 objIframe.setAttribute('name','lbIframe');
 objIframe.style.display = 'none';
 objIframeContainer.appendChild(objIframe);
var objImageContainer = this.doc.createElement("div");
 objImageContainer.setAttribute('id','lbImageContainer');
 objOuterContainer.appendChild(objImageContainer);
var objLyteboxImage = this.doc.createElement("img");
 objLyteboxImage.setAttribute('id','lbImage');
 objImageContainer.appendChild(objLyteboxImage);
var objLoading = this.doc.createElement("div");
 objLoading.setAttribute('id','lbLoading');
 objOuterContainer.appendChild(objLoading);
var objDetailsContainer = this.doc.createElement("div");
 objDetailsContainer.setAttribute('id','lbDetailsContainer');
 objDetailsContainer.setAttribute((this.ie ? 'className' : 'class'), this.theme);
 objLytebox.appendChild(objDetailsContainer);
var objDetailsData =this.doc.createElement("div");
 objDetailsData.setAttribute('id','lbDetailsData');
 objDetailsData.setAttribute((this.ie ? 'className' : 'class'), this.theme);
 objDetailsContainer.appendChild(objDetailsData);
var objDetails = this.doc.createElement("div");
 objDetails.setAttribute('id','lbDetails');
 objDetailsData.appendChild(objDetails);
var objCaption = this.doc.createElement("span");
 objCaption.setAttribute('id','lbCaption');
 objDetails.appendChild(objCaption);
var objHoverNav = this.doc.createElement("div");
 objHoverNav.setAttribute('id','lbHoverNav');
 objImageContainer.appendChild(objHoverNav);
var objBottomNav = this.doc.createElement("div");
 objBottomNav.setAttribute('id','lbBottomNav');
 objDetailsData.appendChild(objBottomNav);
var objPrev = this.doc.createElement("a");
 objPrev.setAttribute('id','lbPrev');
 objPrev.setAttribute((this.ie ? 'className' : 'class'), this.theme);
 objPrev.setAttribute('href','#');
 objHoverNav.appendChild(objPrev);
var objNext = this.doc.createElement("a");
 objNext.setAttribute('id','lbNext');
 objNext.setAttribute((this.ie ? 'className' : 'class'), this.theme);
 objNext.setAttribute('href','#');
 objHoverNav.appendChild(objNext);
var objNumberDisplay = this.doc.createElement("span");
 objNumberDisplay.setAttribute('id','lbNumberDisplay');
 objDetails.appendChild(objNumberDisplay);
var objNavDisplay = this.doc.createElement("span");
 objNavDisplay.setAttribute('id','lbNavDisplay');
 objNavDisplay.style.display = 'none';
 objDetails.appendChild(objNavDisplay);
var objClose = this.doc.createElement("a");
 objClose.setAttribute('id','lbClose');
 objClose.setAttribute((this.ie ? 'className' : 'class'), this.theme);
 objClose.setAttribute('href','#');
 objBottomNav.appendChild(objClose);
var objPause = this.doc.createElement("a");
 objPause.setAttribute('id','lbPause');
 objPause.setAttribute((this.ie ? 'className' : 'class'), this.theme);
 objPause.setAttribute('href','#');
 objPause.style.display = 'none';
 objBottomNav.appendChild(objPause);
var objPlay = this.doc.createElement("a");
 objPlay.setAttribute('id','lbPlay');
 objPlay.setAttribute((this.ie ? 'className' : 'class'), this.theme);
 objPlay.setAttribute('href','#');
 objPlay.style.display = 'none';
 objBottomNav.appendChild(objPlay);
};
LyteBox.prototype.updateLyteboxItems = function() {
var anchors = (this.isFrame) ? window.parent.frames[window.name].document.getElementsByTagName('a') : document.getElementsByTagName('a');
for (var i = 0; i < anchors.length; i++) {
 var anchor = anchors[i];
 var relAttribute = String(anchor.getAttribute('rel'));
 if (anchor.getAttribute('href')) {
  if (relAttribute.toLowerCase().match('lytebox')) {
   anchor.onclick = function () { myLytebox.start(this, false, false); return false; }
  } else if (relAttribute.toLowerCase().match('lyteshow')) {
   anchor.onclick = function () { myLytebox.start(this, true, false); return false; }
  } else if (relAttribute.toLowerCase().match('lyteframe')) {
   anchor.onclick = function () { myLytebox.start(this, false, true); return false; }
  }
 }
}
};
LyteBox.prototype.start = function(imageLink, doSlide, doFrame) {
if (this.ie && !this.ie7) { this.toggleSelects('hide'); }
if (this.hideFlash) { this.toggleFlash('hide'); }
this.isLyteframe = (doFrame ? true : false);
var pageSize = this.getPageSize();
var objOverlay = this.doc.getElementById('lbOverlay');
var objBody  = this.doc.getElementsByTagName("body").item(0);
objOverlay.style.height = pageSize[1] + "px";
objOverlay.style.display = '';
this.appear('lbOverlay', (this.doAnimations ? 0 : this.maxOpacity));
var anchors = (this.isFrame) ? window.parent.frames[window.name].document.getElementsByTagName('a') : document.getElementsByTagName('a');
if (this.isLyteframe) {
 this.frameArray = [];
 this.frameNum = 0;
 if ((imageLink.getAttribute('rel') == 'lyteframe')) {
  var rev = imageLink.getAttribute('rev');
  this.frameArray.push(new Array(imageLink.getAttribute('href'), imageLink.getAttribute('title'), (rev == null || rev == '' ? 'width: 400px; height: 400px; scrolling: auto;' : rev)));
 } else {
  if (imageLink.getAttribute('rel').indexOf('lyteframe') != -1) {
   for (var i = 0; i < anchors.length; i++) {
    var anchor = anchors[i];
    if (anchor.getAttribute('href') && (anchor.getAttribute('rel') == imageLink.getAttribute('rel'))) {
     var rev = anchor.getAttribute('rev');
     this.frameArray.push(new Array(anchor.getAttribute('href'), anchor.getAttribute('title'), (rev == null || rev == '' ? 'width: 400px; height: 400px; scrolling: auto;' : rev)));
    }
   }
   this.frameArray.removeDuplicates();
   while(this.frameArray[this.frameNum][0] != imageLink.getAttribute('href')) { this.frameNum++; }
  }
 }
} else {
 this.imageArray = [];
 this.imageNum = 0;
 this.slideArray = [];
 this.slideNum = 0;
 if ((imageLink.getAttribute('rel') == 'lytebox')) {
  this.imageArray.push(new Array(imageLink.getAttribute('href'), imageLink.getAttribute('title')));
 } else {
  if (imageLink.getAttribute('rel').indexOf('lytebox') != -1) {
   for (var i = 0; i < anchors.length; i++) {
    var anchor = anchors[i];
    if (anchor.getAttribute('href') && (anchor.getAttribute('rel') == imageLink.getAttribute('rel'))) {
     this.imageArray.push(new Array(anchor.getAttribute('href'), anchor.getAttribute('title')));
    }
   }
   this.imageArray.removeDuplicates();
   while(this.imageArray[this.imageNum][0] != imageLink.getAttribute('href')) { this.imageNum++; }
  }
  if (imageLink.getAttribute('rel').indexOf('lyteshow') != -1) {
   for (var i = 0; i < anchors.length; i++) {
    var anchor = anchors[i];
    if (anchor.getAttribute('href') && (anchor.getAttribute('rel') == imageLink.getAttribute('rel'))) {
     this.slideArray.push(new Array(anchor.getAttribute('href'), anchor.getAttribute('title')));
    }
   }
   this.slideArray.removeDuplicates();
   while(this.slideArray[this.slideNum][0] != imageLink.getAttribute('href')) { this.slideNum++; }
  }
 }
}
var object = this.doc.getElementById('lbMain');
 object.style.top = (this.getPageScroll() + (pageSize[3] / 15)) + "px";
 object.style.display = '';
if (!this.outerBorder) {
 this.doc.getElementById('lbOuterContainer').style.border = 'none';
 this.doc.getElementById('lbDetailsContainer').style.border = 'none';
} else {
 this.doc.getElementById('lbOuterContainer').style.borderBottom = '';
 this.doc.getElementById('lbOuterContainer').setAttribute((this.ie ? 'className' : 'class'), this.theme);
}
this.doc.getElementById('lbOverlay').onclick = function() { myLytebox.end(); return false; }
this.doc.getElementById('lbMain').onclick = function(e) {
 var e = e;
 if (!e) {
  if (window.parent.frames[window.name] && (parent.document.getElementsByTagName('frameset').length <= 0)) {
   e = window.parent.window.event;
  } else {
   e = window.event;
  }
 }
 var id = (e.target ? e.target.id : e.srcElement.id);
 if (id == 'lbMain') { myLytebox.end(); return false; }
}
this.doc.getElementById('lbClose').onclick = function() { myLytebox.end(); return false; }
this.doc.getElementById('lbPause').onclick = function() { myLytebox.togglePlayPause("lbPause", "lbPlay"); return false; }
this.doc.getElementById('lbPlay').onclick = function() { myLytebox.togglePlayPause("lbPlay", "lbPause"); return false; }
this.isSlideshow = doSlide;
this.isPaused = (this.slideNum != 0 ? true : false);
if (this.isSlideshow && this.showPlayPause && this.isPaused) {
 this.doc.getElementById('lbPlay').style.display = '';
 this.doc.getElementById('lbPause').style.display = 'none';
}
if (this.isLyteframe) {
 this.changeContent(this.frameNum);
} else {
 if (this.isSlideshow) {
  this.changeContent(this.slideNum);
 } else {
  this.changeContent(this.imageNum);
 }
}
};
LyteBox.prototype.changeContent = function(imageNum) {
if (this.isSlideshow) {
 for (var i = 0; i < this.slideshowIDCount; i++) { window.clearTimeout(this.slideshowIDArray[i]); }
}
this.activeImage = this.activeSlide = this.activeFrame = imageNum;
if (!this.outerBorder) {
 this.doc.getElementById('lbOuterContainer').style.border = 'none';
 this.doc.getElementById('lbDetailsContainer').style.border = 'none';
} else {
 this.doc.getElementById('lbOuterContainer').style.borderBottom = '';
 this.doc.getElementById('lbOuterContainer').setAttribute((this.ie ? 'className' : 'class'), this.theme);
}
this.doc.getElementById('lbLoading').style.display = '';
this.doc.getElementById('lbImage').style.display = 'none';
this.doc.getElementById('lbIframe').style.display = 'none';
this.doc.getElementById('lbPrev').style.display = 'none';
this.doc.getElementById('lbNext').style.display = 'none';
this.doc.getElementById('lbIframeContainer').style.display = 'none';
this.doc.getElementById('lbDetailsContainer').style.display = 'none';
this.doc.getElementById('lbNumberDisplay').style.display = 'none';
if (this.navType == 2 || this.isLyteframe) {
 object = this.doc.getElementById('lbNavDisplay');
 object.innerHTML = '&nbsp;&nbsp;&nbsp;<span id="lbPrev2_Off" style="display: none;" class="' + this.theme + '">&laquo; prev</span><a href="#" id="lbPrev2" class="' + this.theme + '" style="display: none;">&laquo; prev</a> <b id="lbSpacer" class="' + this.theme + '">||</b> <span id="lbNext2_Off" style="display: none;" class="' + this.theme + '">next &raquo;</span><a href="#" id="lbNext2" class="' + this.theme + '" style="display: none;">next &raquo;</a>';
 object.style.display = 'none';
}
if (this.isLyteframe) {
 var iframe = myLytebox.doc.getElementById('lbIframe');
 var styles = this.frameArray[this.activeFrame][2];
 var aStyles = styles.split(';');
 for (var i = 0; i < aStyles.length; i++) {
  if (aStyles[i].indexOf('width:') >= 0) {
   var w = aStyles[i].replace('width:', '');
   iframe.width = w.trim();
  } else if (aStyles[i].indexOf('height:') >= 0) {
   var h = aStyles[i].replace('height:', '');
   iframe.height = h.trim();
  } else if (aStyles[i].indexOf('scrolling:') >= 0) {
   var s = aStyles[i].replace('scrolling:', '');
   iframe.scrolling = s.trim();
  } else if (aStyles[i].indexOf('border:') >= 0) {
   
  }
 }
 this.resizeContainer(parseInt(iframe.width), parseInt(iframe.height));
} else {
 imgPreloader = new Image();
 imgPreloader.onload = function() {
  var imageWidth = imgPreloader.width;
  var imageHeight = imgPreloader.height;
  if (myLytebox.autoResize) {
   var pagesize = myLytebox.getPageSize();
   var x = pagesize[2] - 150;
   var y = pagesize[3] - 150;
   if (imageWidth > x) {
    imageHeight = Math.round(imageHeight * (x / imageWidth));
    imageWidth = x;
    if (imageHeight > y) {
     imageWidth = Math.round(imageWidth * (y / imageHeight));
     imageHeight = y;
    }
   } else if (imageHeight > y) {
    imageWidth = Math.round(imageWidth * (y / imageHeight));
    imageHeight = y;
    if (imageWidth > x) {
     imageHeight = Math.round(imageHeight * (x / imageWidth));
     imageWidth = x;
    }
   }
  }
  var lbImage = myLytebox.doc.getElementById('lbImage')
  lbImage.src = (myLytebox.isSlideshow ? myLytebox.slideArray[myLytebox.activeSlide][0] : myLytebox.imageArray[myLytebox.activeImage][0]);
  lbImage.width = imageWidth;
  lbImage.height = imageHeight;
  myLytebox.resizeContainer(imageWidth, imageHeight);
  imgPreloader.onload = function() {};
 }
 imgPreloader.src = (this.isSlideshow ? this.slideArray[this.activeSlide][0] : this.imageArray[this.activeImage][0]);
}
};
LyteBox.prototype.resizeContainer = function(imgWidth, imgHeight) {
this.wCur = this.doc.getElementById('lbOuterContainer').offsetWidth;
this.hCur = this.doc.getElementById('lbOuterContainer').offsetHeight;
this.xScale = ((imgWidth  + (this.borderSize * 2)) / this.wCur) * 100;
this.yScale = ((imgHeight  + (this.borderSize * 2)) / this.hCur) * 100;
var wDiff = (this.wCur - this.borderSize * 2) - imgWidth;
var hDiff = (this.hCur - this.borderSize * 2) - imgHeight;
if (!(hDiff == 0)) {
 this.hDone = false;
 this.resizeH('lbOuterContainer', this.hCur, imgHeight + this.borderSize*2, this.getPixelRate(this.hCur, imgHeight));
} else {
 this.hDone = true;
}
if (!(wDiff == 0)) {
 this.wDone = false;
 this.resizeW('lbOuterContainer', this.wCur, imgWidth + this.borderSize*2, this.getPixelRate(this.wCur, imgWidth));
} else {
 this.wDone = true;
}
if ((hDiff == 0) && (wDiff == 0)) {
 if (this.ie){ this.pause(250); } else { this.pause(100); }
}
this.doc.getElementById('lbPrev').style.height = imgHeight + "px";
this.doc.getElementById('lbNext').style.height = imgHeight + "px";
this.doc.getElementById('lbDetailsContainer').style.width = (imgWidth + (this.borderSize * 2) + (this.ie && this.doc.compatMode == "BackCompat" && this.outerBorder ? 2 : 0)) + "px";
this.showContent();
};
LyteBox.prototype.showContent = function() {
if (this.wDone && this.hDone) {
 for (var i = 0; i < this.showContentTimerCount; i++) { window.clearTimeout(this.showContentTimerArray[i]); }
 if (this.outerBorder) {
  this.doc.getElementById('lbOuterContainer').style.borderBottom = 'none';
 }
 this.doc.getElementById('lbLoading').style.display = 'none';
 if (this.isLyteframe) {
  this.doc.getElementById('lbIframe').style.display = '';
  this.appear('lbIframe', (this.doAnimations ? 0 : 100));
 } else {
  this.doc.getElementById('lbImage').style.display = '';
  this.appear('lbImage', (this.doAnimations ? 0 : 100));
  this.preloadNeighborImages();
 }
 if (this.isSlideshow) {
  if(this.activeSlide == (this.slideArray.length - 1)) {
   if (this.autoEnd) {
    this.slideshowIDArray[this.slideshowIDCount++] = setTimeout("myLytebox.end('slideshow')", this.slideInterval);
   }
  } else {
   if (!this.isPaused) {
    this.slideshowIDArray[this.slideshowIDCount++] = setTimeout("myLytebox.changeContent("+(this.activeSlide+1)+")", this.slideInterval);
   }
  }
  this.doc.getElementById('lbHoverNav').style.display = (this.showNavigation && this.navType == 1 ? '' : 'none');
  this.doc.getElementById('lbClose').style.display = (this.showClose ? '' : 'none');
  this.doc.getElementById('lbDetails').style.display = (this.showDetails ? '' : 'none');
  this.doc.getElementById('lbPause').style.display = (this.showPlayPause && !this.isPaused ? '' : 'none');
  this.doc.getElementById('lbPlay').style.display = (this.showPlayPause && !this.isPaused ? 'none' : '');
  this.doc.getElementById('lbNavDisplay').style.display = (this.showNavigation && this.navType == 2 ? '' : 'none');
 } else {
  this.doc.getElementById('lbHoverNav').style.display = (this.navType == 1 && !this.isLyteframe ? '' : 'none');
  if ((this.navType == 2 && !this.isLyteframe && this.imageArray.length > 1) || (this.frameArray.length > 1 && this.isLyteframe)) {
   this.doc.getElementById('lbNavDisplay').style.display = '';
  } else {
   this.doc.getElementById('lbNavDisplay').style.display = 'none';
  }
  this.doc.getElementById('lbClose').style.display = '';
  this.doc.getElementById('lbDetails').style.display = '';
  this.doc.getElementById('lbPause').style.display = 'none';
  this.doc.getElementById('lbPlay').style.display = 'none';
 }
 this.doc.getElementById('lbImageContainer').style.display = (this.isLyteframe ? 'none' : '');
 this.doc.getElementById('lbIframeContainer').style.display = (this.isLyteframe ? '' : 'none');
 try {
  this.doc.getElementById('lbIframe').src = this.frameArray[this.activeFrame][0];
 } catch(e) { }
} else {
 this.showContentTimerArray[this.showContentTimerCount++] = setTimeout("myLytebox.showContent()", 200);
}
};
LyteBox.prototype.updateDetails = function() {
var object = this.doc.getElementById('lbCaption');
var sTitle = (this.isSlideshow ? this.slideArray[this.activeSlide][1] : (this.isLyteframe ? this.frameArray[this.activeFrame][1] : this.imageArray[this.activeImage][1]));
object.style.display = '';
object.innerHTML = (sTitle == null ? '' : sTitle);
this.updateNav();
this.doc.getElementById('lbDetailsContainer').style.display = '';
object = this.doc.getElementById('lbNumberDisplay');
if (this.isSlideshow && this.slideArray.length > 1) {
 object.style.display = '';
 object.innerHTML = "Image " + eval(this.activeSlide + 1) + " of " + this.slideArray.length;
 this.doc.getElementById('lbNavDisplay').style.display = (this.navType == 2 && this.showNavigation ? '' : 'none');
} else if (this.imageArray.length > 1 && !this.isLyteframe) {
 object.style.display = '';
 object.innerHTML = "Image " + eval(this.activeImage + 1) + " of " + this.imageArray.length;
 this.doc.getElementById('lbNavDisplay').style.display = (this.navType == 2 ? '' : 'none');
} else if (this.frameArray.length > 1 && this.isLyteframe) {
 object.style.display = '';
 object.innerHTML = "Page " + eval(this.activeFrame + 1) + " of " + this.frameArray.length;
 this.doc.getElementById('lbNavDisplay').style.display = '';
} else {
 this.doc.getElementById('lbNavDisplay').style.display = 'none';
}
this.appear('lbDetailsContainer', (this.doAnimations ? 0 : 100));
};
LyteBox.prototype.updateNav = function() {
if (this.isSlideshow) {
 if (this.activeSlide != 0) {
  var object = (this.navType == 2 ? this.doc.getElementById('lbPrev2') : this.doc.getElementById('lbPrev'));
   object.style.display = '';
   object.onclick = function() {
    if (myLytebox.pauseOnPrevClick) { myLytebox.togglePlayPause("lbPause", "lbPlay"); }
    myLytebox.changeContent(myLytebox.activeSlide - 1); return false;
   }
 } else {
  if (this.navType == 2) { this.doc.getElementById('lbPrev2_Off').style.display = ''; }
 }
 if (this.activeSlide != (this.slideArray.length - 1)) {
  var object = (this.navType == 2 ? this.doc.getElementById('lbNext2') : this.doc.getElementById('lbNext'));
   object.style.display = '';
   object.onclick = function() {
    if (myLytebox.pauseOnNextClick) { myLytebox.togglePlayPause("lbPause", "lbPlay"); }
    myLytebox.changeContent(myLytebox.activeSlide + 1); return false;
   }
 } else {
  if (this.navType == 2) { this.doc.getElementById('lbNext2_Off').style.display = ''; }
 }
} else if (this.isLyteframe) {
 if(this.activeFrame != 0) {
  var object = this.doc.getElementById('lbPrev2');
   object.style.display = '';
   object.onclick = function() {
    myLytebox.changeContent(myLytebox.activeFrame - 1); return false;
   }
 } else {
  this.doc.getElementById('lbPrev2_Off').style.display = '';
 }
 if(this.activeFrame != (this.frameArray.length - 1)) {
  var object = this.doc.getElementById('lbNext2');
   object.style.display = '';
   object.onclick = function() {
    myLytebox.changeContent(myLytebox.activeFrame + 1); return false;
   }
 } else {
  this.doc.getElementById('lbNext2_Off').style.display = '';
 }  
} else {
 if(this.activeImage != 0) {
  var object = (this.navType == 2 ? this.doc.getElementById('lbPrev2') : this.doc.getElementById('lbPrev'));
   object.style.display = '';
   object.onclick = function() {
    myLytebox.changeContent(myLytebox.activeImage - 1); return false;
   }
 } else {
  if (this.navType == 2) { this.doc.getElementById('lbPrev2_Off').style.display = ''; }
 }
 if(this.activeImage != (this.imageArray.length - 1)) {
  var object = (this.navType == 2 ? this.doc.getElementById('lbNext2') : this.doc.getElementById('lbNext'));
   object.style.display = '';
   object.onclick = function() {
    myLytebox.changeContent(myLytebox.activeImage + 1); return false;
   }
 } else {
  if (this.navType == 2) { this.doc.getElementById('lbNext2_Off').style.display = ''; }
 }
}
this.enableKeyboardNav();
};
LyteBox.prototype.enableKeyboardNav = function() { document.onkeydown = this.keyboardAction; };
LyteBox.prototype.disableKeyboardNav = function() { document.onkeydown = ''; };
LyteBox.prototype.keyboardAction = function(e) {
var keycode = key = escape = null;
keycode = (e == null) ? event.keyCode : e.which;
key  = String.fromCharCode(keycode).toLowerCase();
escape  = (e == null) ? 27 : e.DOM_VK_ESCAPE;
if ((key == 'x') || (key == 'c') || (keycode == escape)) {
 myLytebox.end();
} else if ((key == 'p') || (keycode == 37)) {
 if (myLytebox.isSlideshow) {
  if(myLytebox.activeSlide != 0) {
   myLytebox.disableKeyboardNav();
   myLytebox.changeContent(myLytebox.activeSlide - 1);
  }
 } else if (myLytebox.isLyteframe) {
  if(myLytebox.activeFrame != 0) {
   myLytebox.disableKeyboardNav();
   myLytebox.changeContent(myLytebox.activeFrame - 1);
  }
 } else {
  if(myLytebox.activeImage != 0) {
   myLytebox.disableKeyboardNav();
   myLytebox.changeContent(myLytebox.activeImage - 1);
  }
 }
} else if ((key == 'n') || (keycode == 39)) {
 if (myLytebox.isSlideshow) {
  if(myLytebox.activeSlide != (myLytebox.slideArray.length - 1)) {
   myLytebox.disableKeyboardNav();
   myLytebox.changeContent(myLytebox.activeSlide + 1);
  }
 } else if (myLytebox.isLyteframe) {
  if(myLytebox.activeFrame != (myLytebox.frameArray.length - 1)) {
   myLytebox.disableKeyboardNav();
   myLytebox.changeContent(myLytebox.activeFrame + 1);
  }
 } else {
  if(myLytebox.activeImage != (myLytebox.imageArray.length - 1)) {
   myLytebox.disableKeyboardNav();
   myLytebox.changeContent(myLytebox.activeImage + 1);
  }
 }
}
};
LyteBox.prototype.preloadNeighborImages = function() {
if (this.isSlideshow) {
 if ((this.slideArray.length - 1) > this.activeSlide) {
  preloadNextImage = new Image();
  preloadNextImage.src = this.slideArray[this.activeSlide + 1][0];
 }
 if(this.activeSlide > 0) {
  preloadPrevImage = new Image();
  preloadPrevImage.src = this.slideArray[this.activeSlide - 1][0];
 }
} else {
 if ((this.imageArray.length - 1) > this.activeImage) {
  preloadNextImage = new Image();
  preloadNextImage.src = this.imageArray[this.activeImage + 1][0];
 }
 if(this.activeImage > 0) {
  preloadPrevImage = new Image();
  preloadPrevImage.src = this.imageArray[this.activeImage - 1][0];
 }
}
};
LyteBox.prototype.togglePlayPause = function(hideID, showID) {
if (this.isSlideshow && hideID == "lbPause") {
 for (var i = 0; i < this.slideshowIDCount; i++) { window.clearTimeout(this.slideshowIDArray[i]); }
}
this.doc.getElementById(hideID).style.display = 'none';
this.doc.getElementById(showID).style.display = '';
if (hideID == "lbPlay") {
 this.isPaused = false;
 if (this.activeSlide == (this.slideArray.length - 1)) {
  this.end();
 } else {
  this.changeContent(this.activeSlide + 1);
 }
} else {
 this.isPaused = true;
}
};
LyteBox.prototype.end = function(caller) {
var closeClick = (caller == 'slideshow' ? false : true);
if (this.isSlideshow && this.isPaused && !closeClick) { return; }
this.disableKeyboardNav();
this.doc.getElementById('lbMain').style.display = 'none';
this.fade('lbOverlay', (this.doAnimations ? this.maxOpacity : 0));
this.toggleSelects('visible');
if (this.hideFlash) { this.toggleFlash('visible'); }
if (this.isSlideshow) {
 for (var i = 0; i < this.slideshowIDCount; i++) { window.clearTimeout(this.slideshowIDArray[i]); }
}
if (this.isLyteframe) {
  this.initialize();
}
};
LyteBox.prototype.checkFrame = function() {
if (window.parent.frames[window.name] && (parent.document.getElementsByTagName('frameset').length <= 0)) {
 this.isFrame = true;
 this.lytebox = "window.parent." + window.name + ".myLytebox";
 this.doc = parent.document;
} else {
 this.isFrame = false;
 this.lytebox = "myLytebox";
 this.doc = document;
}
};
LyteBox.prototype.getPixelRate = function(cur, img) {
var diff = (img > cur) ? img - cur : cur - img;
if (diff >= 0 && diff <= 100) { return 10; }
if (diff > 100 && diff <= 200) { return 15; }
if (diff > 200 && diff <= 300) { return 20; }
if (diff > 300 && diff <= 400) { return 25; }
if (diff > 400 && diff <= 500) { return 30; }
if (diff > 500 && diff <= 600) { return 35; }
if (diff > 600 && diff <= 700) { return 40; }
if (diff > 700) { return 45; }
};
LyteBox.prototype.appear = function(id, opacity) {
var object = this.doc.getElementById(id).style;
object.opacity = (opacity / 100);
object.MozOpacity = (opacity / 100);
object.KhtmlOpacity = (opacity / 100);
object.filter = "alpha(opacity=" + (opacity + 10) + ")";
if (opacity == 100 && (id == 'lbImage' || id == 'lbIframe')) {
 try { object.removeAttribute("filter"); } catch(e) {}
 this.updateDetails();
} else if (opacity >= this.maxOpacity && id == 'lbOverlay') {
 for (var i = 0; i < this.overlayTimerCount; i++) { window.clearTimeout(this.overlayTimerArray[i]); }
 return;
} else if (opacity >= 100 && id == 'lbDetailsContainer') {
 try { object.removeAttribute("filter"); } catch(e) {}
 for (var i = 0; i < this.imageTimerCount; i++) { window.clearTimeout(this.imageTimerArray[i]); }
 this.doc.getElementById('lbOverlay').style.height = this.getPageSize()[1] + "px";
} else {
 if (id == 'lbOverlay') {
  this.overlayTimerArray[this.overlayTimerCount++] = setTimeout("myLytebox.appear('" + id + "', " + (opacity+20) + ")", 1);
 } else {
  this.imageTimerArray[this.imageTimerCount++] = setTimeout("myLytebox.appear('" + id + "', " + (opacity+10) + ")", 1);
 }
}
};
LyteBox.prototype.fade = function(id, opacity) {
var object = this.doc.getElementById(id).style;
object.opacity = (opacity / 100);
object.MozOpacity = (opacity / 100);
object.KhtmlOpacity = (opacity / 100);
object.filter = "alpha(opacity=" + opacity + ")";
if (opacity <= 0) {
 try {
  object.display = 'none';
 } catch(err) { }
} else if (id == 'lbOverlay') {
 this.overlayTimerArray[this.overlayTimerCount++] = setTimeout("myLytebox.fade('" + id + "', " + (opacity-20) + ")", 1);
} else {
 this.timerIDArray[this.timerIDCount++] = setTimeout("myLytebox.fade('" + id + "', " + (opacity-10) + ")", 1);
}
};
LyteBox.prototype.resizeW = function(id, curW, maxW, pixelrate, speed) {
if (!this.hDone) {
 this.resizeWTimerArray[this.resizeWTimerCount++] = setTimeout("myLytebox.resizeW('" + id + "', " + curW + ", " + maxW + ", " + pixelrate + ")", 100);
 return;
}
var object = this.doc.getElementById(id);
var timer = speed ? speed : (this.resizeDuration/2);
var newW = (this.doAnimations ? curW : maxW);
object.style.width = (newW) + "px";
if (newW < maxW) {
 newW += (newW + pixelrate >= maxW) ? (maxW - newW) : pixelrate;
} else if (newW > maxW) {
 newW -= (newW - pixelrate <= maxW) ? (newW - maxW) : pixelrate;
}
this.resizeWTimerArray[this.resizeWTimerCount++] = setTimeout("myLytebox.resizeW('" + id + "', " + newW + ", " + maxW + ", " + pixelrate + ", " + (timer+0.02) + ")", timer+0.02);
if (parseInt(object.style.width) == maxW) {
 this.wDone = true;
 for (var i = 0; i < this.resizeWTimerCount; i++) { window.clearTimeout(this.resizeWTimerArray[i]); }
}
};
LyteBox.prototype.resizeH = function(id, curH, maxH, pixelrate, speed) {
var timer = speed ? speed : (this.resizeDuration/2);
var object = this.doc.getElementById(id);
var newH = (this.doAnimations ? curH : maxH);
object.style.height = (newH) + "px";
if (newH < maxH) {
 newH += (newH + pixelrate >= maxH) ? (maxH - newH) : pixelrate;
} else if (newH > maxH) {
 newH -= (newH - pixelrate <= maxH) ? (newH - maxH) : pixelrate;
}
this.resizeHTimerArray[this.resizeHTimerCount++] = setTimeout("myLytebox.resizeH('" + id + "', " + newH + ", " + maxH + ", " + pixelrate + ", " + (timer+.02) + ")", timer+.02);
if (parseInt(object.style.height) == maxH) {
 this.hDone = true;
 for (var i = 0; i < this.resizeHTimerCount; i++) { window.clearTimeout(this.resizeHTimerArray[i]); }
}
};
LyteBox.prototype.getPageScroll = function() {
if (self.pageYOffset) {
 return this.isFrame ? parent.pageYOffset : self.pageYOffset;
} else if (this.doc.documentElement && this.doc.documentElement.scrollTop){
 return this.doc.documentElement.scrollTop;
} else if (document.body) {
 return this.doc.body.scrollTop;
}
};
LyteBox.prototype.getPageSize = function() {
var xScroll, yScroll, windowWidth, windowHeight;
if (window.innerHeight && window.scrollMaxY) {
 xScroll = this.doc.scrollWidth;
 yScroll = (this.isFrame ? parent.innerHeight : self.innerHeight) + (this.isFrame ? parent.scrollMaxY : self.scrollMaxY);
} else if (this.doc.body.scrollHeight > this.doc.body.offsetHeight){
 xScroll = this.doc.body.scrollWidth;
 yScroll = this.doc.body.scrollHeight;
} else {
 xScroll = this.doc.getElementsByTagName("html").item(0).offsetWidth;
 yScroll = this.doc.getElementsByTagName("html").item(0).offsetHeight;
 xScroll = (xScroll < this.doc.body.offsetWidth) ? this.doc.body.offsetWidth : xScroll;
 yScroll = (yScroll < this.doc.body.offsetHeight) ? this.doc.body.offsetHeight : yScroll;
}
if (self.innerHeight) {
 windowWidth = (this.isFrame) ? parent.innerWidth : self.innerWidth;
 windowHeight = (this.isFrame) ? parent.innerHeight : self.innerHeight;
} else if (document.documentElement && document.documentElement.clientHeight) {
 windowWidth = this.doc.documentElement.clientWidth;
 windowHeight = this.doc.documentElement.clientHeight;
} else if (document.body) {
 windowWidth = this.doc.getElementsByTagName("html").item(0).clientWidth;
 windowHeight = this.doc.getElementsByTagName("html").item(0).clientHeight;
 windowWidth = (windowWidth == 0) ? this.doc.body.clientWidth : windowWidth;
 windowHeight = (windowHeight == 0) ? this.doc.body.clientHeight : windowHeight;
}
var pageHeight = (yScroll < windowHeight) ? windowHeight : yScroll;
var pageWidth = (xScroll < windowWidth) ? windowWidth : xScroll;
return new Array(pageWidth, pageHeight, windowWidth, windowHeight);
};
LyteBox.prototype.toggleFlash = function(state) {
var objects = this.doc.getElementsByTagName("object");
for (var i = 0; i < objects.length; i++) {
 objects[i].style.visibility = (state == "hide") ? 'hidden' : 'visible';
}
var embeds = this.doc.getElementsByTagName("embed");
for (var i = 0; i < embeds.length; i++) {
 embeds[i].style.visibility = (state == "hide") ? 'hidden' : 'visible';
}
if (this.isFrame) {
 for (var i = 0; i < parent.frames.length; i++) {
  try {
   objects = parent.frames[i].window.document.getElementsByTagName("object");
   for (var j = 0; j < objects.length; j++) {
    objects[j].style.visibility = (state == "hide") ? 'hidden' : 'visible';
   }
  } catch(e) { }
  try {
   embeds = parent.frames[i].window.document.getElementsByTagName("embed");
   for (var j = 0; j < embeds.length; j++) {
    embeds[j].style.visibility = (state == "hide") ? 'hidden' : 'visible';
   }
  } catch(e) { }
 }
}
};
LyteBox.prototype.toggleSelects = function(state) {
var selects = this.doc.getElementsByTagName("select");
for (var i = 0; i < selects.length; i++ ) {
 selects[i].style.visibility = (state == "hide") ? 'hidden' : 'visible';
}
if (this.isFrame) {
 for (var i = 0; i < parent.frames.length; i++) {
  try {
   selects = parent.frames[i].window.document.getElementsByTagName("select");
   for (var j = 0; j < selects.length; j++) {
    selects[j].style.visibility = (state == "hide") ? 'hidden' : 'visible';
   }
  } catch(e) { }
 }
}
};
LyteBox.prototype.pause = function(numberMillis) {
var now = new Date();
var exitTime = now.getTime() + numberMillis;
while (true) {
 now = new Date();
 if (now.getTime() > exitTime) { return; }
}
};
if (window.addEventListener) {
window.addEventListener("load",initLytebox,false);
} else if (window.attachEvent) {
window.attachEvent("onload",initLytebox);
} else {
window.onload = function() {initLytebox();}
}
function initLytebox() { myLytebox = new LyteBox(); }
</script>
<style>
#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
#lbOverlay.grey { background-color: #000000; }
#lbOverlay.red { background-color: #330000; }
#lbOverlay.green { background-color: #003300; }
#lbOverlay.blue { background-color: #011D50; }
#lbOverlay.gold { background-color: #666600; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
#lbOuterContainer.grey { border: 3px solid #888888; }
#lbOuterContainer.red { border: 3px solid #DD0000; }
#lbOuterContainer.green { border: 3px solid #00B000; }
#lbOuterContainer.blue { border: 3px solid #5F89D8; }
#lbOuterContainer.gold { border: 3px solid #B0B000; }

#lbDetailsContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em; overflow: auto; margin: 0 auto; }
#lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }
#lbDetailsContainer.red { border: 3px solid #DD0000; border-top: none; }
#lbDetailsContainer.green { border: 3px solid #00B000; border-top: none; }
#lbDetailsContainer.blue { border: 3px solid #5F89D8; border-top: none; }
#lbDetailsContainer.gold { border: 3px solid #B0B000; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(http://i.rusff.ru/f/ru/rusff/loading.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url(http://i.rusff.ru/f/ru/rusff/blank.gif) no-repeat; display: block; left: 0; float: left; }
#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(http://i.rusff.ru/f/ru/rusff/prev_grey.gif) left 15% no-repeat; }
#lbPrev.red:hover, #lbPrev.red:visited:hover { background: url(images/prev_red.gif) left 15% no-repeat; }
#lbPrev.green:hover, #lbPrev.green:visited:hover { background: url(images/prev_green.gif) left 15% no-repeat; }
#lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url(images/prev_blue.gif) left 15% no-repeat; }
#lbPrev.gold:hover, #lbPrev.gold:visited:hover { background: url(images/prev_gold.gif) left 15% no-repeat; }

#lbNext { width: 49%; height: 100%; background: transparent url(http://i.rusff.ru/f/ru/rusff/blank.gif) no-repeat; display: block; right: 0; float: right; }
#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(http://i.rusff.ru/f/ru/rusff/next_grey.gif) right 15% no-repeat; }
#lbNext.red:hover, #lbNext.red:visited:hover { background: url(images/next_red.gif) right 15% no-repeat; }
#lbNext.green:hover, #lbNext.green:visited:hover { background: url(images/next_green.gif) right 15% no-repeat; }
#lbNext.blue:hover, #lbNext.blue:visited:hover { background: url(images/next_blue.gif) right 15% no-repeat; }
#lbNext.gold:hover, #lbNext.gold:visited:hover { background: url(images/next_gold.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
#lbPrev2.red, #lbNext2.red, #lbSpacer.red { color: #620000; }
#lbPrev2.green, #lbNext2.green, #lbSpacer.green { color: #003300; }
#lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue { color: #01379E; }
#lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold { color: #666600; }

#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
#lbPrev2_Off.red, #lbNext2_Off.red { color: #FFCCCC; }
#lbPrev2_Off.green, #lbNext2_Off.green { color: #82FF82; }
#lbPrev2_Off.blue, #lbNext2_Off.blue { color: #B7CAEE; }
#lbPrev2_Off.gold, #lbNext2_Off.gold { color: #E1E100; }

#lbDetailsData { padding: 0 10px; }
#lbDetailsData.grey { color: #333333; }
#lbDetailsData.red { color: #620000; }
#lbDetailsData.green { color: #003300; }
#lbDetailsData.blue { color: #01379E; }
#lbDetailsData.gold { color: #666600; }

#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbClose.grey { background: url(http://i.rusff.ru/f/ru/rusff/close_grey.png) no-repeat; }
#lbClose.red { background: url(images/close_red.png) no-repeat; }
#lbClose.green { background: url(images/close_green.png) no-repeat; }
#lbClose.blue { background: url(images/close_blue.png) no-repeat; }
#lbClose.gold { background: url(images/close_gold.png) no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbPlay.grey { background: url(http://i.rusff.ru/f/ru/rusff/play_grey.png) no-repeat; }
#lbPlay.red { background: url(images/play_red.png) no-repeat; }
#lbPlay.green { background: url(images/play_green.png) no-repeat; }
#lbPlay.blue { background: url(images/play_blue.png) no-repeat; }
#lbPlay.gold { background: url(images/play_gold.png) no-repeat; }

#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbPause.grey { background: url(http://i.rusff.ru/f/ru/rusff/pause_grey.png) no-repeat; }
#lbPause.red { background: url(images/pause_red.png) no-repeat; }
#lbPause.green { background: url(images/pause_green.png) no-repeat; }
#lbPause.blue { background: url(images/pause_blue.png) no-repeat; }
#lbPause.gold { background: url(images/pause_gold.png) no-repeat; }
</style>


Это сообщение отредактировал Duka - Апр 8 2008, 14:50


--------------------
<style>
#dom2 {display: none}
</style>
PMEmail Poster
Top
Fiona
Quote Post

Вредина
Group Icon


Сообщений: 857
Из: Альдога

Активность: Member Offline


Ответить Автору

Репутация: 15


QUOTE (LAF @ Апр 8 2008, 15:45)
Duka,
Да я уже прочитал) Спасибо за скрип, действительно замечательно выглядит.

Fiona,
Так перезалей, js и css...я вот это сейчас и делаю.

Аха, можно.... А не лучше ли привязать к форумам? В смысле чтобы admin это организовал, тогда сколько сервис будет жить, столько и эта возможность. Я не знаю, есть ли у всех возможность перезалить, а красиво, и пользоваться, видимо, будут многие.


--------------------
Пилою моя бабушка была, и мамочка моя была пилою...
PM
Top
Alex Okonnor
Quote Post

[Адмирал]
Group Icon


Сообщений: 1 661
Из: провинциальной деревушки на краю ада

Активность: Member Offline


Ответить Автору

Репутация: 83


QUOTE (Duka @ Апр 8 2008, 14:48)
да, желательно файлы, которые используешь, хранить у себя на форуме...

Это точно, но как вы уже и сказали на форум загружать .js файлы нельзя.

QUOTE (Duka @ Апр 8 2008, 14:48)
либо можно сделать так:

не это не катит, скрипт слишком весомый))

Fiona,
Тоесть, что бы админ сделал, что бы можно было загружать файлы .js на форум ?
Если, да...то мало вероятно.



--------------------
Помог ? Тогда жмите user posted image
=========================
user posted image310-950-543 сюда стучать, если у вас есть предложение ко мне.. [в аське крайне редко]
user posted image ник : zse_gm по пустякам не беспокоить. [Обычно в онлайне до 5-6 вечера по мск]
За приделами форума тех. поддержки, за "спасибо" нечего не делаю!
=========================
user posted image
=========================
Из 1.3 в 3.1, возможно или нет?!
Возможно... Сделано... Проверено... Доказано =)


Один из Основателей Saint people
PM
Top
admin
Quote Post

Разработчик
Group Icon


Сообщений: 5 379

Активность: Member Offline


Ответить Автору

Репутация: 176


LAF, Не сделаю в силу объективных причин.


--------------------
Ответы на очень многие вопросы уже много раз давались на форуме. Пожалуйста, перед созданием темы с вопросом пользуйтесь поиском.

user posted image
PM
Top
Alex Okonnor
Quote Post

[Адмирал]
Group Icon


Сообщений: 1 661
Из: провинциальной деревушки на краю ада

Активность: Member Offline


Ответить Автору

Репутация: 83


admin,
А я и не просил =) Я изначально уже знал, что ответ такой будет =)


--------------------
Помог ? Тогда жмите user posted image
=========================
user posted image310-950-543 сюда стучать, если у вас есть предложение ко мне.. [в аське крайне редко]
user posted image ник : zse_gm по пустякам не беспокоить. [Обычно в онлайне до 5-6 вечера по мск]
За приделами форума тех. поддержки, за "спасибо" нечего не делаю!
=========================
user posted image
=========================
Из 1.3 в 3.1, возможно или нет?!
Возможно... Сделано... Проверено... Доказано =)


Один из Основателей Saint people
PM
Top
-=[koStYa]=-
Quote Post

Новичок
Group Icon


Сообщений: 7

Активность: Member Offline


Ответить Автору

Репутация: нет


Просто скопируйте это в css


CODE
#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
#lbOverlay.grey { background-color: #000000; }
#lbOverlay.red { background-color: #330000; }
#lbOverlay.green { background-color: #003300; }
#lbOverlay.blue { background-color: #011D50; }
#lbOverlay.gold { background-color: #666600; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
#lbOuterContainer.grey { border: 3px solid #888888; }
#lbOuterContainer.red { border: 3px solid #DD0000; }
#lbOuterContainer.green { border: 3px solid #00B000; }
#lbOuterContainer.blue { border: 3px solid #5F89D8; }
#lbOuterContainer.gold { border: 3px solid #B0B000; }

#lbDetailsContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em; overflow: auto; margin: 0 auto; }
#lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }
#lbDetailsContainer.red { border: 3px solid #DD0000; border-top: none; }
#lbDetailsContainer.green { border: 3px solid #00B000; border-top: none; }
#lbDetailsContainer.blue { border: 3px solid #5F89D8; border-top: none; }
#lbDetailsContainer.gold { border: 3px solid #B0B000; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(http://i.rusff.ru/f/ru/rusff/loading.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url(http://i.rusff.ru/f/ru/rusff/blank.gif) no-repeat; display: block; left: 0; float: left; }
#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(http://i.rusff.ru/f/ru/rusff/prev_grey.gif) left 15% no-repeat; }
#lbPrev.red:hover, #lbPrev.red:visited:hover { background: url(images/prev_red.gif) left 15% no-repeat; }
#lbPrev.green:hover, #lbPrev.green:visited:hover { background: url(images/prev_green.gif) left 15% no-repeat; }
#lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url(images/prev_blue.gif) left 15% no-repeat; }
#lbPrev.gold:hover, #lbPrev.gold:visited:hover { background: url(images/prev_gold.gif) left 15% no-repeat; }

#lbNext { width: 49%; height: 100%; background: transparent url(http://i.rusff.ru/f/ru/rusff/blank.gif) no-repeat; display: block; right: 0; float: right; }
#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(http://i.rusff.ru/f/ru/rusff/next_grey.gif) right 15% no-repeat; }
#lbNext.red:hover, #lbNext.red:visited:hover { background: url(images/next_red.gif) right 15% no-repeat; }
#lbNext.green:hover, #lbNext.green:visited:hover { background: url(images/next_green.gif) right 15% no-repeat; }
#lbNext.blue:hover, #lbNext.blue:visited:hover { background: url(images/next_blue.gif) right 15% no-repeat; }
#lbNext.gold:hover, #lbNext.gold:visited:hover { background: url(images/next_gold.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
#lbPrev2.red, #lbNext2.red, #lbSpacer.red { color: #620000; }
#lbPrev2.green, #lbNext2.green, #lbSpacer.green { color: #003300; }
#lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue { color: #01379E; }
#lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold { color: #666600; }

#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
#lbPrev2_Off.red, #lbNext2_Off.red { color: #FFCCCC; }
#lbPrev2_Off.green, #lbNext2_Off.green { color: #82FF82; }
#lbPrev2_Off.blue, #lbNext2_Off.blue { color: #B7CAEE; }
#lbPrev2_Off.gold, #lbNext2_Off.gold { color: #E1E100; }

#lbDetailsData { padding: 0 10px; }
#lbDetailsData.grey { color: #333333; }
#lbDetailsData.red { color: #620000; }
#lbDetailsData.green { color: #003300; }
#lbDetailsData.blue { color: #01379E; }
#lbDetailsData.gold { color: #666600; }

#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbClose.grey { background: url(http://i.rusff.ru/f/ru/rusff/close_grey.png) no-repeat; }
#lbClose.red { background: url(images/close_red.png) no-repeat; }
#lbClose.green { background: url(images/close_green.png) no-repeat; }
#lbClose.blue { background: url(images/close_blue.png) no-repeat; }
#lbClose.gold { background: url(images/close_gold.png) no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbPlay.grey { background: url(http://i.rusff.ru/f/ru/rusff/play_grey.png) no-repeat; }
#lbPlay.red { background: url(images/play_red.png) no-repeat; }
#lbPlay.green { background: url(images/play_green.png) no-repeat; }
#lbPlay.blue { background: url(images/play_blue.png) no-repeat; }
#lbPlay.gold { background: url(images/play_gold.png) no-repeat; }

#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbPause.grey { background: url(http://i.rusff.ru/f/ru/rusff/pause_grey.png) no-repeat; }
#lbPause.red { background: url(images/pause_red.png) no-repeat; }
#lbPause.green { background: url(images/pause_green.png) no-repeat; }
#lbPause.blue { background: url(images/pause_blue.png) no-repeat; }
#lbPause.gold { background: url(images/pause_gold.png) no-repeat; }
PMEmail Poster
Top
Duka
Quote Post

HTML, xHTML, CSS, JavaScript, AJAX, PHP, MySQL
Group Icon


Сообщений: 206
Из: Москва

Активность: Member Offline


Ответить Автору

Репутация: 15


-=[koStYa]=-, ненадо в css, тогда он будет лишний раз грузиться на других страницах, побеспокоимся о модемщиках...
admin,вас не просят реализорвать заливку, вас просят только поместить эти 2 файла к себе на сервер, более ничего... чтоб люди были уверенными, что файл будет жить долго


--------------------
<style>
#dom2 {display: none}
</style>
PMEmail Poster
Top
Duka
Quote Post

HTML, xHTML, CSS, JavaScript, AJAX, PHP, MySQL
Group Icon


Сообщений: 206
Из: Москва

Активность: Member Offline


Ответить Автору

Репутация: 15


QUOTE (LAF @ Апр 8 2008, 15:05)
не это не катит, скрипт слишком весомый))

понимаете, что он будет так грузиться, что сторонне подгружаться, входящий трафик один и тот же


--------------------
<style>
#dom2 {display: none}
</style>
PMEmail Poster
Top
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:

Topic Options Страницы: (3) [1] 2 3  Reply to this topicStart new topicStart Poll


 


Текстовая версия