Решил написать вторую часть про создание слайдера без библиотек. Для того, чтобы понимать, что здесь происходит нужно просмотреть первую часть. А еще лучше просмотреть код. Если в первая статья была для новичков, то для чтения этой части нужен более продвинутый уровень. Будет много кода. Мы будем менять и переписывать это. Также как и в прошлый раз, наливаем себе чаек☕ и начинаем. Ссылка на новую рабочую версию в конце статьи. Советую читать код по порядку. Я его разделил на этапы. Пререквизиты В предыдущей статье мы написали простой слайдер с переключением по кнопкам...

В нашем слайдере карточек с возможностью перетаскивания пользователь может перемещать карточки, перетаскивая их или используя левую или правую кнопку. Он также включает в себя бесконечную прокрутку и функции автозапуска и работает на сенсорных устройствах, таких как телефоны. ✔ Скачать готовы слайдер: https://boosty.to/monster-tem/posts/745672ac-5487-499f-a207-4edb7170db68 Чтобы по-настоящему понять, как работает перетаскиваемый слайдер карт, мы не будем использовать какие-либо внешние библиотеки JavaScript, такие как SwiperJs или Owl Carousel...