Автоматическое изменение размера изображения в процентном соотношении

[JimmOnLine]

Добрый день! Есть такая необходимость: сделать автоматическое изменение размера изображения в процентном соотношении, а не в pix'ельном как это делается через настройку - Система -> Настройки -> Форумы -> Темы, сообщения и опросы [скриншот во вложении].

Т.е. когда пользователь добавляет изображение размером 600*200, чтобы оно уменьшилось скажем на 50% сохраняя пропорцию.

IPB v3.4.6.

Подскажите пожалуйста, как-то можно это реализовать? И если можно - то как?

Заранее - благодарю.

[LvsF]

Если знаете css, то правьте шаблон includeCSS

<if test="$this->settings['resize_img_force']">
	<!-- Forces resized images to an admin-defined size -->
	<style type='text/css'>
		img.bbc_img {
			max-width: {$this->settings['resize_img_force']}px !important;
			max-height: {$this->settings['resize_img_force']}px !important;
		}
	</style>
<else />
	<style type='text/css'>
		img.bbc_img { max-width: 100% !important; }
	</style>
</if>

 

[JimmOnLine]

Изменил на:

<style type='text/css'>
		img.bbc_img {
			max-width: 20% !important;
			max-height: 20% !important;
		}
	</style>

Ничего не изменилось.

[LvsF]

Может Вы не туда смотрите?

Указанная настройка работает для изображений, добавленных через бибикод img

[JimmOnLine]

Вроде как туда. :-) Скриншоты во вложении.

 

[LvsF]

А Вы значение настройки меняли? Или там сейчас пусто, что следует из условия?

К тому же для картинок указаны атрибуты ширины и высоты. Чего я не вижу в коде. Может у Вас какой-нибудь хук установлен или код изменен?

[JimmOnLine]

<style type='text/css'>
		img.bbc_img {
			max-width: 20% !important;
			max-height: 20% !important;
		}
	</style>

Хуки не стоят. Код лишь изменен так как указано выше.

 

[LvsF]

Все понятно, откуда ноги растут у атрибутов, - выделение изображения и вставка.

Код лишь изменен так как указано выше

Нужно еще установить значение настройки, отличное от нуля. Но, если Вам оно не интересно, то можете Ваш код добавить в самый низ шаблона.

[JimmOnLine]

Нужно еще установить значение настройки, отличное от нуля. Но, если Вам оно не интересно, то можете Ваш код добавить в самый низ шаблона.

Не подскажете?

[LvsF]

Не подскажете?

Что именно?

Шаблон указан во втором сообщении, селектор Вам известен.

В самый низ добавляете 

<style type='text/css'>
	img.bbc_img {
		/* CSS-свойста */
	}
</style>

Либо весь код из второго поста заменяете на свой.

Изменено 28 августа, 2015 пользователем LvsF

[JimmOnLine]

Спасибо. Суть понятна.

В принципе разобрался.

Тему можно закрыть.