Изменение размера изображений при загрузке? О_о

InstantCMS 2.X
#1 13 августа 2017 в 22:42
Всем шалом.

Хочу загрузить список контента на сайт, но никак не могу разобраться с размерами изображений. Интересует стиль списка плитка, добавляю тип изображения с размерами 220х140 пикселей. В итоге изображение все равно обрезается по вертикали, а не уменьшается пропорционально согласно указанным пределам. Пробовал указывать один предел по ширине или по высоте, ставить галочку квадрат. В любом случае не получается полноценного превью, а идет обрезка. Что делаю не так, как победить недуг?
#2 14 августа 2017 в 00:55
Artamos
Может это вам поможет? Кроме физического размера изображения, размеры картинки могут задаваться в вашем шаблоне стилями css
#3 14 августа 2017 в 02:12
Уже пробовал, результат равен стандартной загрузке, вертикальная картинка на половину обрезается, а не масштабируется согласно указанным размерам.
#4 14 августа 2017 в 09:41

добавляю тип изображения с размерами 220х140 пикселей. В итоге изображение все равно обрезается

Artamos
Видимо, после масштабирования по ширине контейнера, ваша картинка уже не 220х140 а больше, вот и обрезается.
Это сделано специально, чтобы "плитка" была одинаковой высоты.

Если вы уверы, что все ваши картинки имеют одинаковый размер, то:
1. В templates/default/css/theme-content.css Найдите правила класса .photo (примерно в 495 строке) и удалите (закомментируте)
height: 140px;
overflow: hidden;
2. Там же, в классе .photo a > img (строка ~517) удалите
display: none;

После этого, у вас скорее всего вылезут другие косяки, но в любом случае, искать и исправлять нужно в css стилях.
#5 14 августа 2017 в 18:32
Спасибо, помогло, не подскажете еще как сделать, чтобы картинка, одна из сторон которая меньше пределов 220x140px отображалась всегда по центру блока (по вертикали и горизонтали)?
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.