Вывод порядкового номера слайда и общего их количества на webflow. Показываем какой из скольки

Рассмотрим вариант как отобразить номер слайда и сколько их всего без использования сторонних скриптов, все с помощью встроенного функционала в вебфлоу. При этом все будет адаптивно и мы сможем реализовать подсчет слайдов даже если на ПК версии их несколько в ряд, а на мобильной версии они должны переключатся по одному, в таком случае общее количество слайдов будет на разных версиях разное, но мы все это предусмотрим и реализуем! ••••••••••••••••••••••••••••••• — Полезные штуки для webflow freelance-blog.com/webflow/ — Индивидуальное обучение freelance-blog.com/study/ — Блог про фриланс и вебфлоу freelance-blog.webflow.io/ ••••••••••••••••••••••••••••••• ❓❓❓ Что такое этот вебфлоу? Почему это НЕ конструктор? Как на нем зарабатывать больше денег, чем остальные? • Что такое webflow и как правильно про... БЕСПЛАТНЫЕ курсы по webflow: 👉 • Базовый расширенный (для новичка) • Курс для новичка по webflow 👉 • Базовый ускоренный, для новичка который спешит • Трелло для фрилансера, ускоряем свою ... 👉 • Портфолио для фрилансера (уровень средний) • Курс по созданию портфолио в webflow 👉 • Портфолио для студии (уровень сложный) • Бесплатный курс по разработке сайта с... 👉 • Делаем сложный сайт (уровень профи) • Сайт фотографа, бесплатный курс по ве... ••••••••••••••••••••••••••••••• Если вы хотите, зарабатывать те деньги, которые ждут вас через 5 лет самостоятельного роста, буквально телепортироваться в будущее и начать делать профессиональные сайты уже сейчас — тогда я способен вам помочь! freelance-blog.com/study/ Нет никакого потока, групп, кураторов. Только вы и я. Прокачиваю именно вас. ••••••••••••••••••••••••••••••• Моя почта — artstrangers@gmail.com Телеграм t.me/artstranger ••••••••••••••••••••••••••••••• 👉 • Портфолио — freelance-blog.com/ 👉 • Инстаграм — www.instagram.com/freelance_p... 👉 • Бесплатные плюшки — freelance-blog.com/webflow/ 👉 • Материалы для уроков — freelance-blog.webflow.io/ 👉 • Индивидуальное обучение — freelance-blog.com/study/ ••••••••••••••••••••••••••••••• Таймкоды: 00:00 Как это выглядит 00:36 Делаем основу будущего кастомного слайдера 01:15 Настраиваем правильное отображение изображений 02:09 Настраиваем навигацию 05:01 Лайфхак с порядковыми номерами слайдов и общим их количеством 08:58 А как если по 2 слайда в ряд 11:52 Адаптив данного слайдера 15:18 Выводы и итог