Аттачи и Lightbox

[Planar]

Подскажите почему в трешке по-разному исполняется увеличение изображений?

 

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

а увеличивает и сдвигает само изображение в правую сторону, за пределы экрана.

 

подскажите как в обоих случаях сделать lightbox? где приблизительно можно найти это правило?

[LongHERn]

А у меня другой вопрос (не буду открывать отдельной темы, потом проще искать будет другим ответы на вопросы) - как от лайтбокса этого совсем избавиться? Во-первых, изображения не масштабируются при увеличении а всегда открываются в оригинальном размере, на маленьких экранах это очень и очень плохо выглядит.... и второе: сохранить изображение - большая проблема.

Если их решить, то в принципе черт с ним, пусть живет, а так - хочу все по старому.

[Planar]

LongHERn

Если по быстрому то сделйа так.

admin\applications\forums\xml\forums_root_templates.xml

найди

<a class='resized_img' rel='lightbox[{$data['attach_rel_id']}]' id

замени на

<a class='resized_img' id

тогда картинки будут открываться как раньше.

а если тебе нужно что бы картинка открывалась в новом окне

<a target='_blank' class='resized_img' id

 

 

Для того что бы убрать возможность ресайза удаленных изображений со сдвигом за пределы экрана

 

найти и закомментировать строчку

public/js/ipb.js

$( elem ).observe('click', ipb.global.enlargeImage);

 

это пока самый лучший способ для меня, уж лучше пусть фотка растягивается с пропорциями на всю ширину топика, чем залазит за его пределы =)

 

Для того что бы убрать руку при наведении на картинку нужно найти парой строчек выше

 

$( elem ).addClassName('resized').setStyle('cursor: pointer;');

и вырезать pointer

Изменено 15 Сентября 2009 пользователем Planar

[Serahele]

Другая проблемка. При увеличении аттача через lightbox внизу изображения появляется полоса прокрутки, при чем это с любым изображением (пример ниже).

http://s50.radikal.ru/i130/1005/ac/f0231413f2bb.jpg

Как от этой полосы избавиться? Чет я никак догнать не могу.

И сразу второй, до кучи - как, или вернее, где, убрать подложку в лайбоксе, и дополнительно, сменить ее цвет?

Изменено 23 Мая 2010 пользователем Serahele

[posmir]

Полоса прокрутки появляется из-за слишком большой кнопки "ЗАКРЫТЬ" Ведь по умолчанию она была кнопкой "CLOSE".

Решение - уменьшите её или вообще замените на что угодно - подходящее по стилю Вашему форуму. Я например уменьшил. Кому надо качайте мой вариант.

А лежит она в: /public/style_images/master/lightbox/ и называется - closelabel.gif

[Serahele]

Офигеть (очень мягко говоря)

posmir, огромная благодарность

[posmir]

Рад помочь!

Параметры затемнения, цвета рамки и т.д меняются в файле lightbox.css который находится в /public/style_css/css_2 и /public/style_css/css_3. Не знаю если честно почему он лежит в двух папках - видимо это зависит от кол-ва скинов или... Вобщем гуру по IPB наверняка знают.

На всякий случай прикрепил архив с оригинальным лайтбоксом. Там есть страница-образец, а в файле lightbox.css я оставил комментарии в тех местах - которые отвечают за изменение внешнего вида (те, которые нашел)

 

p.s.

 

Если в этом файле удалить код, начиная с "#overlay" - то затемнения страницы вообще не будет.

lightbox.rar

Изменено 28 Мая 2010 пользователем posmir

[LarisaIvanovna]

А реально ли сделать, чтобы аттачи при открытии лайтбоксом уменьшались? А то прокручивать огромную фотку как-то надоело.

[WOOF11]

Коллеги, подскажите, пожалуйста, решение проблемы.

Суть в том, что фотографии разворачиваются в полном размере, а принудительное ограничение размера изображения в стиле lightbox уменьшает фото, но размер рамки остается прежним. Даже если задать размер подложки и рамки принудительно-ничего не меняется. Вот конфиг лайтбокса, может кто ткнет?

Система: IPB 3.0.5

 

 

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

#outerImageContainer{
position: relative;
background-color: #AAA; /* Цвет рамки изображения */
width: 250px;
height: 250px;
margin: 0 auto;
}
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{
font: 10px Verdana, Helvetica, sans-serif; /* Шрифт панели информации */
background-color: #FFF; /* Цвет панели информации */
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%;
}

#imageData{
padding:0 10px;
color: #666;
}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000; /* фон затемнения страницы */
}

Изменено 8 Марта 2011 пользователем WOOF11

[idTails]

Я могу ошибаться, но лайтбок не умеет уменьшать изображение под размер монитора

[WOOF11]

Я могу ошибаться, но лайтбок не умеет уменьшать изображение под размер монитора

Мне нужно не под размер. Там можно выставить размер картинки в пикселах, а вот рамка не меняет размер, даже если забить ей тоже габариты в точках.

[Arhar]

http://forums.ibresource.ru/index.php?/topic/56358/page__p__374935__hl__lightbox__fromsearch__1#entry374935

?