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



 

Здравствуйте, гость ( Вход | Регистрация )

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


Новичок
*

Группа: Viewer
Сообщений: 1
Регистрация: 23.3.2012
Поблагодарили: 0 раз
Репутация:   0  


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

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

Стили 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


Бывалый
****

Группа: User
Сообщений: 253
Регистрация: 25.7.2012
Поблагодарили: 100 раз
Репутация:   17  


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


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


Бывалый
****

Группа: User
Сообщений: 284
Регистрация: 13.4.2008
Из: Подгорица
Поблагодарили: 48 раз
Репутация:   11  


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


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Вопрос к знатокам Instagram
20 SEOMR 4120 30.11.2017, 14:25
автор: DiscordPro
Открытая тема (нет новых ответов) Вопрос про Телеграмм
18 syd2010 1092 28.11.2017, 14:25
автор: PostBrigada
Открытая тема (нет новых ответов) Вопрос по seo для интернет магазина
куда девать продвинутые товары, которые уже не выпускают
13 viktormerke 2327 25.11.2017, 20:06
автор: Mikki
Открытая тема (нет новых ответов) Frontend услуги (верстка, подключение jquery плагинов, кастомизация, написание скриптов)
услуги по frontend-разработке
15 FrontMaster 3197 25.11.2017, 13:46
автор: Stom
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыАrticle manager вопрос
0 Smile3D 428 24.11.2017, 18:27
автор: Smile3D


 



RSS Текстовая версия Сейчас: 11.12.2017, 6:39
Дизайн