Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Общие вопросы по вёрстке Масштабируемая картинка через допполе

Масштабируемая картинка через допполе


     16.02.2012    Общие вопросы по вёрстке    2861

вопрос
Посоветуйте пожалуйста, как можно сделать вывод картинки через 1 допполе в разных масштабах?

Полная новость 250 px ширина
Короткая новость 150 рх ширина
Короткая первая новость и закрепленная 200 px ширина

При этом нужна масштабируемость 4х3 и пропорционально обрезание лишней высоты картинки.

Ответил: ПафНутиЙ


краткая новость:
<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;
                        }


Ну и не забыть условия добавить для вывода нужных классов

Комментарии пользователей (2)

sk
48 | 44

sk - 16 февраля 2012 23:42 - Юзер

К сожалению, не смог разобраться с [xfield], так и не понял что нужно вставлять вместо него.
Вставил вместо него свое поле [xfgiven_img] и в поле адрес загруженной картинки, но ничего не произошло.

sk
48 | 44

sk - 17 февраля 2012 00:32 - Юзер

Просто безопасность забыл отключить, так все ок. Спасибо!

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы