Как сделать так, чтобы лайтбокс 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