Динамическая галерея сеток в Webflow: креативный макет для изображений (без руководства по коду, ...

💡 Узнайте, как создать полностью адаптивную динамическую сетку для ваших галерей изображений в Webflow! Бесплатный письменный урок → https://francescocastronuovo.com/lear... Вы когда-нибудь хотели реализовать подобную динамическую (на основе CMS) сетку для вашей галереи изображений в одном из ваших проектов Webflow? В сегодняшнем видео мы рассмотрим, как: ✨ Настроить пользовательское количество столбцов для каждой контрольной точки. 📐 ✨ Сохранять исходные пропорции изображений — обрезка не требуется! 🖼️ ✨ Автоматически рассчитывать ширину и высоту изображений на основе их пропорций. 🔢 ✨ Легко настраивать макет, используя всего несколько атрибутов — код не требуется. ⚙️ ✨ Создавать галереи с коллекциями CMS или статическими изображениями, с лайтбоксами или без них. Это решение идеально подходит для демонстрации вашей работы в потрясающем, гибком макете сетки. И самое лучшее? Вы можете клонировать проект и начать использовать его прямо сейчас! 📂 Полезные ресурсы: Supasaito: https://www.supasaito.com/en?utm_sour... Ссылка на клонируемый проект: https://webflow.com/made-in-webflow/w... 🔥 Если вам понравилось видео, оставьте комментарий, поставьте лайк и подпишитесь на мой канал. 😁 --- Мой публичный профиль на Webflow: https://webflow.com/@francescocastro Мы можем пообщаться в LinkedIn:   / francescocastronuovo   Или мы можем познакомиться поближе на X: https://x.com/francescoflow Или почему бы и нет? Даже в Instagram:   / francescocastronuovo   --- 0:00 Вступление 1:51 Выявление проблемы 2:58 Обзор базовой структуры 4:48 Объяснение настройки и атрибутов для конфигурации 11:51 Пример решения №1: 1 список коллекций с элементами лайтбокса 13:15 Значения атрибутов по умолчанию 14:00 Добавление анимаций 16:52 Недостаточно элементов для заполнения последней строки 18:32 Пример решения №2: 2 списка коллекций с элементами лайтбокса 20:54 Пример решения №3: 1 статический список изображений 22:24 Заключение #webflow #madeinwebflow #webflowtutorial #javascript #attributes