Масштабируемая картинка через допполе
Посоветуйте пожалуйста, как можно сделать вывод картинки через 1 допполе в разных масштабах?
Полная новость 250 px ширина
Короткая новость 150 рх ширина
Короткая первая новость и закрепленная 200 px ширина
При этом нужна масштабируемость 4х3 и пропорционально обрезание лишней высоты картинки.
Полная новость 250 px ширина
Короткая новость 150 рх ширина
Короткая первая новость и закрепленная 200 px ширина
При этом нужна масштабируемость 4х3 и пропорционально обрезание лишней высоты картинки.
краткая новость:
полная:
CSS
Ну и не забыть условия добавить для вывода нужных классов
<div class="xfimg [fixed]fixed[/fixed]"><img src="[xfield]" alt="" /></div>
полная:
<div class="xfimg full"><img src="[xfield]" alt="" /></div>
CSS
.xfimg {
width: 150px;
height: 200px;
overflow: hidden;
}
.xfimg img {
width: 150px;
}
.xfimg.fixed {
width: 200px;
height: 266px;
}
.xfimg.fixed img {
width: 200px;
}
.xfimg.full {
width: 250px;
height: 333px;
}
.xfimg.full img {
width: 250px;
}Ну и не забыть условия добавить для вывода нужных классов
Спасибо сказали: sk
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
