Вывод "обрезанных" изображений в информере

голоса: 0
Как можно вывести изображение в информере так, чтобы оно "обрезалось" по определённому размеру (допустим 100x50), а не "сплющивалось"?
Адрес сайта http://sem.ucoz.org/
| Автор: | Категория: Дизайн сайта

Ответов: 1

голоса: 0
 
Лучший ответ

1. Если фото крепятся с помощью доп поля Изображения, можно выводить демо изображения(уменьшенное):

<?if($IMG_URL1$)?><a href="$IMG_URL1$" class="ulightbox"><img src="$IMG_SMALL_URL1$" alt="$TITLE$" /></a><?endif?>

код - $IMG_SMALL_URL1$ именно и отвечает за вывод уменьшенного демо. 

2. Если вам данный вариант не подходит, завертываем условие в класс как пример:

<?if($IMG_URL1$)?><div class="infor-pict"><a href="$IMG_URL1$" class="ulightbox"><img src="$IMG_URL1$" alt="$TITLE$" /></a></div><?endif?>

далее в стилях задаем размер для фото в информере:

.infor-pict img {width:150px;height:150px;}

вместо ширины и высоты 150 можете задать свои размеры для фото.

| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk
Первый вариант выводит изображение в нормальных пропорциях, что не очень подходит, так как загружаю разные по пропорциям фото.

Второй вариант "сжимает", "сплющивает". Хотелось бы без таких "эффектов".
МКОУ Таежнинская СОШ № 7 Богуч,
как я говорил настраивайте под себя, универсального варианта нет, либо пользуйтесь первым либо вторым, но настраивайте размеры под себя как я уже ответил
Да, в том-то и дело, что заменил размеры на свои. Вот только если картинка была, например, размером 900 x 900, то когда она выводится в установленных мною 220 x 120, она "плющится"... Получается, нет такого способа для реализации моей мысли?..
МКОУ Таежнинская СОШ № 7 Богуч,
В данном случае, перейти лучше в настройки модуля и настроить размеры демо 220 x 120 после пользоваться первым способом.

Только в этом случае чтобы фото обрезались под новые размеры демо, придется фото перезалить заново в материалах, тогда все будет отлично и как нужно выводиться.
...