116 читали · 2 года назад
Пишем слайдер без библиотек. JavaScript. Часть 2. Touch Events.
Решил написать вторую часть про создание слайдера без библиотек. Для того, чтобы понимать, что здесь происходит нужно просмотреть первую часть. А еще лучше просмотреть код. Если в первая статья была для новичков, то для чтения этой части нужен более продвинутый уровень. Будет много кода. Мы будем менять и переписывать это. Также как и в прошлый раз, наливаем себе чаек☕ и начинаем. Ссылка на новую рабочую версию в конце статьи. Советую читать код по порядку. Я его разделил на этапы. Пререквизиты В предыдущей статье мы написали простой слайдер с переключением по кнопкам...
3640 читали · 3 года назад
Делаем простой слайдер: без библиотек и фреймворков, только чистый JavaScript
В этой статье мы разберем процесс разработки слайдера на чистом JavaScript. После, вы можете использовать слайдер в своих проектах и оформлять его как вам захочется. Ссылку на исходники я размещу в конце статьи. Слайдер будет состоять из трех слайдов (можно делать их хоть сколько). Переключаться слайды будут с помощью стрелок, а содержать он будет изображение, кнопку и заголовок с описанием, в принципе контент можно размещать любой, главное правильно все сделать. HTML разметка Пишем разметку нашего...