X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Вопрос по jQuery Lightbox Evolution
bucefal82
bucefal82
Topic Starter сообщение 13.11.2012, 16:39; Ответить: bucefal82
Сообщение #1


Установил сие чудо на сайт,но при просмотре полной картинки изображение смещается в самый верх страницы и его целиком не видно как исправить масштаб выводимого сообщения?

Вот тут (не реклама) можно наглядно посмотреть проблему.

Стили Lightbox Evolution
Развернуть/Свернуть
.jquery-lightbox-overlay
{
background:#000000;
}
.jquery-lightbox
{
position:relative;
padding:17px 0;
}
.jquery-lightbox-border-top-left,
.jquery-lightbox-border-top-right,
.jquery-lightbox-border-bottom-left,
.jquery-lightbox-border-bottom-right
{
position:absolute;
height:17px;
width:12%;
z-index:7000;
}
.jquery-lightbox-border-top-left
{
background: url(images/jquery-lightbox-theme.png) no-repeat 0 0;
top:0;
left:0;
}
.jquery-lightbox-border-top-right
{
background: url(images/jquery-lightbox-theme.png) no-repeat right 0;
top:0;
right:0;
}
.jquery-lightbox-border-top-middle
{
background:#2b2b2b;
position:absolute;
height:7px;
width:78%;
top:0;
left:12%;
z-index:7000;
overflow:hidden;
}
.jquery-lightbox-border-bottom-left
{
background: url(images/jquery-lightbox-theme.png) no-repeat 0 bottom;
bottom:0;
left:0;
}
.jquery-lightbox-border-bottom-right
{
background: url(images/jquery-lightbox-theme.png) no-repeat right bottom;
bottom:0;
right:0;
}
.jquery-lightbox-border-bottom-middle
{
background:#2b2b2b;
height:7px;
width:78%;
position:absolute;
bottom:0;
left:12%;
z-index:7000;
overflow:hidden;
}
.jquery-lightbox-title
{
background:#2b2b2b;
color:#FFFFFF;
font-family:verdana,arial,serif;
font-size:11px;
line-height:14px;
padding:5px 8px;
margin:3px;
position:absolute;
bottom:0;
z-index:7000;
opacity:0.9;
}
.jquery-lightbox-html
{
z-index:7000;
position:relative;
border:0;
border-left:7px solid #2b2b2b;
border-right:7px solid #2b2b2b;
padding:0px 15px;
vertical-align:top;
}
.jquery-lightbox-html embed,
.jquery-lightbox-html object,
.jquery-lightbox-html iframe
{
vertical-align:top;
}
.jquery-lightbox-background
{
position:absolute;
top:7px;
left:7px;
z-index:6999;
float:left;
padding:0;
}
.jquery-lightbox-background img
{
display:block;
position:relative;
border:0;
margin:0;
padding:0;
width:100%;
height:100%;
}

.jquery-lightbox-mode-image .jquery-lightbox-html
{
z-index:6998;
padding:0;
}
.jquery-lightbox-mode-html .jquery-lightbox-background
{
background:#FFFFFF;
}
.jquery-lightbox-mode-html .jquery-lightbox-html
{
overflow:auto;
}
.jquery-lightbox-loading,
.jquery-lightbox-mode-html .jquery-lightbox-loading
{
background:#FFFFFF url(images/loading.gif) no-repeat center center;
}
.jquery-lightbox-button-close
{
background: url(images/jquery-lightbox-theme.png) no-repeat -190px -115px;
position:absolute;
top:12px;
right:-26px;
width:29px;
height:29px;
}
.jquery-lightbox-button-close:hover
{
background: url(images/jquery-lightbox-theme.png) no-repeat -220px -115px;
}
.jquery-lightbox-button-close span,
.jquery-lightbox-buttons span
{
display:none;
}
.jquery-lightbox-mode-image .jquery-lightbox-button-close
{
right:14px;
z-index:7002;
}
.jquery-lightbox-buttons
{
position:absolute;
top:7px;
left:7px;
z-index:7001;
height:39px;
display:none;
}
.jquery-lightbox-buttons .jquery-lightbox-buttons-init,
.jquery-lightbox-buttons .jquery-lightbox-buttons-end
{
width:5px;
height:39px;
float:left;
display:inline;
}
.jquery-lightbox-buttons .jquery-lightbox-buttons-init
{
background: url(images/jquery-lightbox-theme.png) no-repeat -151px -153px;
margin:7px 0 0 7px;
}
.jquery-lightbox-buttons .jquery-lightbox-buttons-end
{
background: url(images/jquery-lightbox-theme.png) no-repeat -244px -153px;
margin:7px 0 0 0;
}
.jquery-lightbox-buttons .jquery-lightbox-button-left
{
background: url(images/jquery-lightbox-theme.png) no-repeat -156px -153px;
width:24px;
height:39px;
float:left;
display:inline;
margin:7px 0 0 0;
}
.jquery-lightbox-buttons .jquery-lightbox-button-left:hover
{
background: url(images/jquery-lightbox-theme.png) no-repeat -156px -194px;
}

.jquery-lightbox-buttons .jquery-lightbox-button-right
{
background: url(images/jquery-lightbox-theme.png) no-repeat -220px -153px;
width:24px;
height:39px;
float:left;
display:inline;
margin:7px 0 0 0;
}
.jquery-lightbox-buttons .jquery-lightbox-button-right:hover
{
background: url(images/jquery-lightbox-theme.png) no-repeat -220px -194px;
}

.jquery-lightbox-buttons .jquery-lightbox-button-max
{
background: url(images/jquery-lightbox-theme.png) no-repeat -182px -153px;
width:36px;
height:39px;
float:left;
display:inline;
margin:7px 0 0 0;
}
.jquery-lightbox-buttons .jquery-lightbox-button-max:hover
{
background: url(images/jquery-lightbox-theme.png) no-repeat -182px -194px;
}

.jquery-lightbox-buttons .jquery-lightbox-button-min
{
background: url(images/jquery-lightbox-theme.png) no-repeat -162px -235px;
width:36px;
height:39px;
float:left;
display:inline;
margin:7px 0 0 0;
}
.jquery-lightbox-buttons .jquery-lightbox-button-min:hover
{
background: url(images/jquery-lightbox-theme.png) no-repeat -207px -235px;
}

.jquery-lightbox-buttons-custom
{
height:39px;
float:left;
display:inline;
background:#2b2b2b;
line-height:39px;
font-size:10px;
margin:7px 0 0 0;
}
.jquery-lightbox-buttons-custom a
{
color:#FFFFFF;
font-size:10px;
display:inline;
font-weight:normal;
text-decoration:underline;
padding:0 3px;
}
.jquery-lightbox-mode-image .jquery-lightbox-button-close
{
opacity:0.7;
}
.jquery-lightbox-mode-image .jquery-lightbox-buttons
{
opacity:0.3;
}
.jquery-lightbox-mode-image:hover .jquery-lightbox-buttons,
.jquery-lightbox-mode-image:hover .jquery-lightbox-button-close
{
opacity:0.9;
}
.jquery-lightbox-navigator
{
display:none;
}

Сразу упамяну это заметно только при открытии на весь экран самого верхнего топика.
Буду благодарен за подсказку.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
brome
brome
сообщение 13.11.2012, 19:10; Ответить: brome
Сообщение #2


Сайт посмотрел, когда нажимаю на картинку, сначала открывается окно, а потом картинка на весь экран. Так что фактически плагин не работает. Что касается вашего вопроса, точно сказать не могу, но думаю, что в каком-то свойстве прописано position:absolute; вместо position:fixed;


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Сергуня
Сергуня
сообщение 14.11.2012, 17:00; Ответить: Сергуня
Сообщение #3


Перестроение публикаций сделано?

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Услуги по созданию и доработке скриптов PHP, MySQL, JavaScript, jQuery
Разработка сайтов и сервисов под-ключ
0 alexey 1169 24.11.2023, 14:46
автор: alexey
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыВеб-разработка (HTML5, CSS3, JavaScript, jQuery, Ajax, PHP)
56 qpPeW 44764 19.7.2023, 10:03
автор: qpPeW
Открытая тема (нет новых ответов) Вопрос - платное размещение баннеров на сайте
10 WGN 3125 14.12.2020, 14:20
автор: Peterson
Открытая тема (нет новых ответов) Вопрос по рекламе в "инстаграме"
Только активные аккаунты могут создавать или редактировать рекламу
8 Zubkov 16020 17.1.2020, 17:49
автор: Forumacc
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыВопрос-ответ о работе форума
307 dos1k 43056 9.11.2019, 17:59
автор: heks


 



RSS Текстовая версия Сейчас: 28.3.2024, 20:04
Дизайн