Растяжка изображения в Flex Grid

WYSIWYG Web Builder, вопросы которые не охвачены в других разделах.
Правила форума
1. Название темы должно кратко описывать суть вашего вопроса, темы типа: "Помогите", "Почему", "Что это", "Что-то глючит" - будут удаляться.
2. Задавая свой вопрос, постарайтесь предоставить максимум информации о проблеме, если есть возможность, приложите шаблон проекта *.wtp.
Подробнее: Правила создания новых тем и ответов на существующие темы.
Данный форум - это место обсуждения вопроса, а не техподдержка в классическом смысле. Все участники форума Web Builder по-русски с удовольствием вам помогут, если это будет в их силах.
Ответить Вложения 3
Аватара пользователя

Автор Темы
Slashtore
Втянувшийся
Втянувшийся
Сообщения: 68
Зарегистрирован: 21 апр 2015, 11:44
Версия Web Builder: 10.1

Растяжка изображения в Flex Grid

Сообщение Slashtore » 14 июн 2022, 00:58

Добрый день.
Хочу чтобы изображения подстраивались под сетку flexgrid. Конечно, можно просто назначать нужные картинки на background в flexgrid, выбрать для изображений режим cover, и вроде задача решена. А можно ли сделать так, чтобы изображение, именно как отдельный инструмент, помещённый в сетку flexgrid тоже растягивалось под размер и обрезалось лишнее? Чтобы не оставались пустые поля из-за разных размеров картинок. Приложил файл с сеткой. Т.е. нужно, чтобы либо картинка из первого столбца масштабировалась под размер по высоте, и обрезалось лишнее по горизонтали, либо чтобы высокая картинка из второго столбца подрезалась по высоте, чтобы весь второй столбец стал одной высоты с картинкой из первого.
У вас нет необходимых прав для просмотра вложений в этом сообщении.

Реклама
Аватара пользователя

anonimus
Moderator
Moderator
Сообщения: 5181
Зарегистрирован: 12 июн 2012, 07:12
Версия Web Builder: 12.0.2
Имя: Анатолий Webmaster
Контактная информация:

Растяжка изображения в Flex Grid

Сообщение anonimus » 15 июн 2022, 09:22

Slashtore писал(а):Источник цитаты Конечно, можно просто назначать нужные картинки на background в flexgrid

так а чем этот варик не устраивает?
я просто не пойму причин желания так усложнять, как вы описали
главное понять, что именно вы хотите и найти более простой вариант решения задачи
Подключение формы обратной связи Wysiwyg Web Builder к телеграмму (заявки будут приходить на почту и в телегу, даже с прикреплёнными файлами и картинками)
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Более подробное описание услуг https://wysiwygwebbuilder.ru/forum/viewtopic.php?f=54&t=975
Емаil: mailrobot@wwbmaster.ru
Telegram: @HTMLPLUSRU
==============

Аватара пользователя

spoon
Помешаный
Помешаный
Сообщения: 1524
Зарегистрирован: 17 сен 2016, 13:20
Версия Web Builder: 14.2.2
Имя: Дмитрий
Контактная информация:

Растяжка изображения в Flex Grid

Сообщение spoon » 16 июн 2022, 07:08

Просто, надежно и быстро это cover, а так все зависит от задачи.
Съешь ещё этих мягких французских булок, да выпей чаю!
Мой skype xmen1005

Аватара пользователя

anonimus
Moderator
Moderator
Сообщения: 5181
Зарегистрирован: 12 июн 2012, 07:12
Версия Web Builder: 12.0.2
Имя: Анатолий Webmaster
Контактная информация:

Растяжка изображения в Flex Grid

Сообщение anonimus » 16 июн 2022, 11:15

Никогда не нужна была эта функция, в том виде как описывал автор поста. Посмотрел и всё настраивается. главное правильные установки в свойствах картинки сделать
2022-06-16_13-12-01.png
У вас нет необходимых прав для просмотра вложений в этом сообщении.
Подключение формы обратной связи Wysiwyg Web Builder к телеграмму (заявки будут приходить на почту и в телегу, даже с прикреплёнными файлами и картинками)
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Более подробное описание услуг https://wysiwygwebbuilder.ru/forum/viewtopic.php?f=54&t=975
Емаil: mailrobot@wwbmaster.ru
Telegram: @HTMLPLUSRU
==============

Аватара пользователя

Автор Темы
Slashtore
Втянувшийся
Втянувшийся
Сообщения: 68
Зарегистрирован: 21 апр 2015, 11:44
Версия Web Builder: 10.1

Растяжка изображения в Flex Grid

Сообщение Slashtore » 04 июл 2022, 01:16

Просто хотел, чтобы картинки находились так сказать в одном блоке, автоматически подрезались по горизонтали или вертикали. Чтобы не оставалось больших пустых белых полей, и чтобы не нужно было для этого обрезать картинки в фотошопе. Изобразил пример. Либо высокая из правого столбца выравнивается и подрезается. Либо горизонтальная из левого столбца под высоту двух картинок из правого.
У вас нет необходимых прав для просмотра вложений в этом сообщении.


Ответить Вложения 3

Вернуться в «Общие вопросы.»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость