Форум Monoray.ru

В новостях и информационных страницах не реализован ресайз картинок. От этого при уменьшении окна картинка вылезает за рамки сайта и обрезается по правой стороне.

Собственно пожелание реализовать авторесайз средствами движка, идеально если с настройкой в админке параметров, как это сделано для каталога или галереи. А то как то странно в 2014 году видеть картинки вылезающие за пределы сайта)

для себя решил пока вопрос так, прописал в style.css правила для ресайза

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

.sizeimg{width:100%;height:100%;overflow:hidden;text-indent:-999em;background: #EBEBE8;
max-width: 940px;
-moz-background-size:100% 100%;
-o-background-size:100% 100%;
-webkit-background-size:100% 100%;
-khtml-background-size:100% 100%;
background-size:100% 100%;
}
.sizeimg2{width:100%;height:100%;overflow:hidden;text-indent:-999em;background: #EBEBE8;
max-width: 400px;
-moz-background-size:100% 100%;
-o-background-size:100% 100%;
-webkit-background-size:100% 100%;
-khtml-background-size:100% 100%;
background-size:100% 100%;
} 

И при заливке картинки добавляю нужный класс в поле "Класс CSS" sizeimg или sizeimg2 (различия в максимальном отображаемом размере изображения) на вкладке "дополнительно" аплоудера картинок в админке. Еще приходиться обязательно стирать строку "Стиль" с указание width:** px; height: **px; иначе ресайз не работает.