Перейти к содержимому

Как сделать так, чтобы лайтбокс Webflow зацикливался бесконечно (урок по созданию доступной беско...

Francesco Castronuovo и Supasaito

0:00 / 0:00

Как сделать так, чтобы лайтбокс Webflow зацикливался бесконечно (урок по созданию доступной беско...

608 просмотров · 5 месяцев назад
Francesco Castronuovo и Supasaito
608 просмотров · 5 месяцев назад
В этом уроке я покажу вам, как улучшить стандартный лайтбокс Webflow с помощью бесконечной циклической навигации — чтобы пользователи могли перемещаться по галерее в любом направлении, не заходя в тупик. Бесплатный письменный урок → https://francescocastronuovo.com/lear... Эта настройка работает как с галереями на базе CMS, так и со статическими галереями-лайтбоксами, поддерживает настольные и мобильные устройства и, что наиболее важно, обеспечивает полную доступность для пользователей клавиатуры и вспомогательных технологий. Мы разберем структуру галереи, пользовательский атрибут, обеспечивающий это улучшение, и то, как скрипт делает стандартный лайтбокс Webflow гораздо более совершенным и готовым к использованию в продакшене. 📂 Полезные ресурсы: 🔗 Supasaito: https://www.supasaito.com?utm_source=... 💻 Ссылка на клонируемый компонент: https://webflow.com/made-in-webflow/w... 🖼️ Эффект наведения курсора на карточку CSS:    • This Webflow Hover Effect Looks Advanced… ...   🎵 Рекомендация Spotify: “Re:pray” – Aimer👇    • Aimer(エメ) 『Re:pray』   🔥 Если вам понравилось видео, оставьте комментарий, нажмите Нажмите кнопку «Нравится» и подпишитесь на мой канал. 😁 Или вы можете просто нажать кнопку «Спасибо»! ♥️ --- Мой публичный профиль на Webflow: https://webflow.com/@francescocastro Мы можем пообщаться в LinkedIn:   / francescocastronuovo   Или мы можем познакомиться друг с другом на X: https://x.com/francescoflow Или почему бы и нет? Даже в Instagram:   / francescocastronuovo   --- 00:00 Вступление 1:33 Разбор структуры галереи 6:40 Добавление бесконечного зацикливания в галерею лайтбокса CMS 10:16 Тестирование той же настройки со статической галереей 11:12 Тестирование доступности 11:58 Заключение и рекомендации по музыке #webflow #madeinwebflow #webflowtutorial