Уменьшение размера картинки в определенных модулях

Голоса: +1
Возможно ли автоматическое уменьшение размера картинки в определенных модулях (не на всем сайте) размещенных на стороннем сервере?
Адрес сайта http://malroz.ru/
| Автор: | Категория: Дизайн сайта
Подскажите, это вообще возможно? нужно знать, искать ли другое решение...

Почему нет, в разных модулях изображение завертываем в разные классы и задаем соответствующие стили вот и все.

Пример:

Для новостей,блога, каталога статей, файлов, объявлений, сайтов

<div class="имя-класса"><img src="$IMG_URL1$" alt=""></div>

В стили добавить:
.имя-класса {width:100px;}

Вместо имя-класса придумайте название классу желательно на английском. Ширину - 100 замените на нужную вам.

для каталога файлов прописывал в "вид материалов":

<div class="imgfiles"><img src="$IMG_URL1$" alt=""></div>

в css .imgfiles {width:550px;}

не помогает (сечас все прописано, картинка самая последняя не изменилась и в самих материалах тоже!)

в стили добавить:

.imgfiles img {width:550px;}
не хочет ( зараза меняться
попробовал с новостями тоже самое, только другой класс сделал и размер уменьшения другой, все равно не хочет! Что ей (системе) надо? Ведь изначально почти такой же код (какой точно я не помню)) стоял в шаблоне только для всего сайта и все картинки уменьшались!

Ответов: 2

Голоса: +1
 
Лучший ответ

Если в материалах попробуйте так

В таблицу стилей добавляем строчку

.eMessage img{max-height:100px !important; max-width:100px !important;}

 Значение 100 настраиваем под себя. При этом не надо никаких дивов ничего. Если добавляли дивы по мотивам прошлых советов. Все удаляем

Если нужно уменьшать картинки только в каталогах (на главных страницах определенных модулей) а в материалах нужно оставлять как есть в полный рост, то в вид материала нужного модуля добавьте строчку в самый верх

<style type="text/css">.eMessage img{max-height:100px !important; max-width:100px !important;}</style>

 

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

<style type="text/css">.eMessage img{max-height:100px !important; max-width:100px !important;}</style>

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

| Автор:
Выбор ответа лучшим | | Автор: Роман
Голоса: +1

Возможно. Прописывайте ширину картинки в тегах

<img src="ссылка на картинку" width="100px">

 

| Автор:
Вы не правильно поняли! Мне нужно прописать в коде так, чтоб все картинки определнного модуля автоматом становились определенного размера, а не прописывать каждую картинку...
Покажите пример таких картинок у себя на сайте.
да полно у меня картинок с разными размерами, например, на форуме (и не только, есть и в программах), вот и хочу все привести к одному размеру, но в разных модулях по разному... Но нужно как то сделать, чтоб картинки меньшего размера, чем я укажу в коде, не растягивались (например, укажу в коде 400рх, а картинка была 200, чтоб эта картинка не стала 400! Вообщем, чтоб картинки были не более указанного размера, а меньше можно...)
...