11 марта 2016 в 2:29
Здравствуйте. Помогите с решением такой задачи.
На сайте пользователи могут загружать изображения (стандартное поле "ИЗОБРАЖЕНИЕ"). Размер картинки может быть любым, и какой он неизвестно.
Как сделать, чтобы картинки скажем с шириной 350px обтекались с лева, а картинки большего размера центрировались? Какое условие необходимо прописать?
Как я понимаю в template.php можно используя код php данную функцию реализовать?!
Как это сделать (drupal 7) ?
P/S стоит модуль colorbox, если это имеет значение.
Комментарии
<?php$image_style = $content['field_image'][0]['#image_style'];
$image_uri = $content['field_image'][0]['#item']['uri'];
$image_path = image_style_path($image_style, $image_uri);
$image_url = image_style_url($image_style, $image_uri);
$image_info = image_get_info($image_path);
$image_info['width'];
?>
Дальше и пишите необходимые условия и вывод.
ну задайте картинке в ноде стили
width:auto;
max-width:100%;
height:auto;
float:left;
}
маленькие картинку уйдут влево, а большие займут всю ширину родителя
Насчёт css ---- картинка элемент необязательный и пользователь вполне может не вставить её в ноду, а идущее ниже содержимое флоатить не зачем. К тому же представьте что получается - экран к примеру 700px, а картинка скажем 670px. Получается непонятного вида столбец с права от картинки с не читабельным текстом, я бы по крайней мере такое не читал бы.
вы описали взаимоисключающее поведение если сравнивать ваш сабж и комментарий
Возможно в описании проблемы не корректно описал суть.
Как писал выше размер загружаемых картинок может быть любым. Изображения условно необходимо поделить на две категории
1) Картинки например размером ДО 450px - присвоить класс скажем mini-img
2) Картинки БОЛЕЕ 450px присвоить класс - big-img (в принципе можно и без класса, большие будут работать по общим правилам присвоенным тегу img )
Спасибо за ответы.