[release] Inline images in attachment

[Anvar]

Название расширения: Inline images in attachment
Автор: Anvar
Описание расширения: Данное расширение позволяет отобразить вложенные изображения в последовательном порядке, таким образом заполняя пустые пространства, в которое они могли бы уложиться. Для расположения вложений в обычном виде, вставленные в текст сообщения - необходимо размещать с новой строки.
Расширение на phpbb.com (версия для phpBB 3.1.x): https://www.phpbb.com/customise/db/exte ... ttachment/
Скачать (для phpBB 3.1.x/3.2.x): http://bb3.mobi/forum/viewtopic.php?f=14&t=72
Язык: По умолчанию

[southklad]

Анвар, на 3.2 работать будет?

[Vlad__]

Анвар, на 3.2 работать будет?

Вы тему читаете? Все же написано. Начните с этого сообщения Re: [release] Inline images in attachment
Да, будет работать. Только после доработки напильником.

[o5Tolik]

Берем css из расширения:
КОД: ВЫДЕЛИТЬ ВСЁ

/* Inline Attachment */
div.inline-attachment {
display: inline-block;
}
 
dl.thumbnail, dl.file {
display: inline-block!important;
vertical-align: top;
margin-right: 4px;
}
 
.attachbox dd {
margin-top: 4px;
padding-top: 4px;
clear: left;
display: inline;
}
 
.attachbox dd dl {
display: inline-block;
max-width: 100%;
margin: 2px;
}
/* Inline Attachment END */
К нему добавляем jQuery (я добавил в шаблон события overall_footer_after.html):
КОД: ВЫДЕЛИТЬ ВСЁ

// Inline Attachment
$('.inline-attachment').each(function() {
var $this = $(this);
var isPrevHasClass = $this.prev().length && !$this.prev().hasClass('inline-attachment');
var isNextHasClass = $this.next().length && !$this.next().hasClass('inline-attachment');
var isPrevText = this.previousSibling && !!this.previousSibling.textContent.trim();
var isNextText = this.nextSibling && !!this.nextSibling.textContent.trim();
if (isPrevHasClass || isPrevText) {
$this.before('<br />');
};
 
if (isNextHasClass || isNextText) {
$this.after('<br />');
};
});
// Inline Attachment END

И куда это всё вносить?

[Gubkin]

o5Tolik, что уже перестало работать расширение для 3.2
решил опять ковырять на базе анваровского ?

[o5Tolik]

o5Tolik, что уже перестало работать расширение для 3.2
решил опять ковырять на базе анваровского ?

ты об чем?

Отправлено спустя 1 минуту 40 секунд:

Да, будет работать. Только после доработки напильником.

Gubkin, вот же написано

[Gubkin]

ты об чем?

перепили что ли вчера Re: Картинки в сообщении по горизонтали
или мне уже мерещиться, что проблема была решена

[o5Tolik]

o5Tolik, что уже перестало работать расширение для 3.2
решил опять ковырять на базе анваровского ?

Я про это

[mykola78]

Сколько не танцевал с бубнами и напильником... но так и не могу добиться результата, как у Slash ((

файл стиля:

Код: Выделить всё

    /* Inline Attachment */
    div.inline-attachment {
    	display: inline-block;
    }
     
    dl.thumbnail, dl.file {
    	display: inline-block!important;
    	vertical-align: top;
    	margin-right: 4px;
    }
     
    .attachbox dd {
    	margin-top: 4px;
    	padding-top: 4px;
    	clear: left;
    	display: inline;
    }
     
    .attachbox dd dl {
    	display: inline-block;
    	max-width: 100%;
    	margin: 2px;
    }
    /* Inline Attachment END */

файла overall_footer_after.html не было по указанному пути, создал, добавил код

Код: Выделить всё

    <!-- IF S_VIEWTOPIC -->
    <!-- INCLUDECSS ../theme/inlineimg.css -->
    <script type="text/javascript">
       	// Inline Attachment
    	$('.inline-attachment').each(function() {
    		var $this = $(this);
      	 var isPrevHasClass = $this.prev().length  && !$this.prev().hasClass('inline-attachment');
    		var isNextHasClass = $this.next().length  && !$this.next().hasClass('inline-attachment');
    		var isPrevText     = this.previousSibling && !!this.previousSibling.textContent.trim();
    		var isNextText     = this.nextSibling     && !!this.nextSibling.textContent.trim();
    		if (isPrevHasClass || isPrevText) {
    			$this.before('<br />');
    		};
     
    		if (isNextHasClass || isNextText) {
    			$this.after('<br />');
    		};
    	});	
    	// Inline Attachment END
    </script>
    <!-- ENDIF -->
     

расширение включал/выключал, кеши чистил... в результате далее в кучу текст и картинки в строку (код br не добавляет). Кчто чего посоветует ?

Отправлено спустя 1 час 47 минут 42 секунды:
так никто ничего и не посоветует ?

[southklad]

Может добавить ссылку на скачивание версии для 3.2 http://bb3.mobi/forum/viewtopic.php?f=14&t=72 ?

[AGR]

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

Например, коды вложений расположены в 2 строки.

Код: Выделить всё

[attachment=1]1.jpg[/attachment][attachment=2]2.jpg[/attachment]
[attachment=3]3.jpg[/attachment][attachment=4]4.jpg[/attachment]

Сейчас эскизы выводятся в один ряд, а надо - в два.

inlineimg.css

Код: Выделить всё

.attachbox dd {
	margin-top: 4px;
	padding-top: 4px;
	clear: left;
	display: inline;
	border: 0!important;
}

.attachbox dd dl {
	border-bottom: 1px solid #ddd;
	display: inline-block;
	max-width: 100%;
	margin: 2px;
}

div.inline-attachment {
	display: inline-block;
}

dl.thumbnail, dl.file {
	display: inline-block!important;
	vertical-align: middle;
	margin-right: 5px;
}

[southklad]

Не знаю как в расширении, вроде никак, его суть все вложения в горизонт, а так просто делаю так, два раза на Enter и все, проблема решена

[AGR]

У меня если 3 пустых строки ставишь, то происходит перенос эскизов (см. ниже). Но это не решение, а порнография.

Код: Выделить всё

[attachment=1]1.jpg[/attachment][attachment=2]2.jpg[/attachment]



[attachment=3]3.jpg[/attachment][attachment=4]4.jpg[/attachment]

[Siava]

ext/bb3mobi/inlineimg/styles/prosilver/template/event/
overall_footer_after.html и overall_header_head_append.html
заменить

Код: Выделить всё

<!-- IF S_VIEWTOPIC -->

на

Код: Выделить всё

<!-- IF S_VIEWTOPIC or S_DISPLAY_PREVIEW -->

Чтобы аттачи в строку также отображались при предпросмотре редактируемого сообщения.

Отправлено спустя 1 час 24 минуты 9 секунд:
И ещё. Не знаю как у других, но у меня при использовании QuickReply при Ajax-переходе по страницам темы в некоторых случаях, когда под или над вложениями есть текст, сообщения отображаются некорректно. Текст располагается в строчку вместе с вложениями. Не срабатывает javascript, подключаемый в overall_footer_after.html расширения Inline images in attachment.

Для этого в ext/boardtools/quickreply/styles/all/template/quickreply_core.js
находим строчку

Код: Выделить всё

function updatePostsContainer(content) {

в этой функции чуть ниже находим строчку

Код: Выделить всё

showResponse(quickreply.$.qrPosts);

и добавляем перед ней кусок из overall_footer_after.html

Код: Выделить всё

				$(document).ready(function() {
				/* Add resize attach in phpBB3.1 && Anvar bb3.mobi */
					$('dl.thumbnail img, dt.attach-image img').load(function() {
						var w  = $(this).width();
						var h = $(this).height();
						var rh = $(this).height();
						if (w > h) {
							h = w;
							w = w*(h/rh);
						}
						$(this).width(w*(2/3));
						$(this).height(h*(2/3));
					});
					$('dl.thumbnail img, dt.attach-image img').each(function() {
						var src = $(this).attr('src');
						$(this).attr('src', '');
						$(this).attr('src', src);
					});
				});
				// Inline Attachment
				$('.inline-attachment').each(function() {
					var $this = $(this);
				 var isPrevHasClass = $this.prev().length  && !$this.prev().hasClass('inline-attachment');
					var isNextHasClass = $this.next().length  && !$this.next().hasClass('inline-attachment');
					var isPrevText     = this.previousSibling && !!this.previousSibling.textContent.trim();
					var isNextText     = this.nextSibling     && !!this.nextSibling.textContent.trim();
					if (isPrevHasClass || isPrevText) {
						$this.before('<br />');
					};

					if (isNextHasClass || isNextText) {
						$this.after('<br />');
					};
				});

[Татьяна5]

Для этого в ext/boardtools/quickreply/styles/all/template/quickreply_core.js
находим строчку

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

[Siava]

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

А как правильно в данном случае? Я просто всегда так делал... иначе не умею