3680 читали · 4 года назад
Делаем простой слайдер: без библиотек и фреймворков, только чистый JavaScript
В этой статье мы разберем процесс разработки слайдера на чистом JavaScript. После, вы можете использовать слайдер в своих проектах и оформлять его как вам захочется. Ссылку на исходники я размещу в конце статьи. Слайдер будет состоять из трех слайдов (можно делать их хоть сколько). Переключаться слайды будут с помощью стрелок, а содержать он будет изображение, кнопку и заголовок с описанием, в принципе контент можно размещать любой, главное правильно все сделать. HTML разметка Пишем разметку нашего...
Кастомный Range Input (Slider)
Долго искал в Сети слайдер с дополнительными кнопками для установки предустановленных значений. Не нашел (искал вроде бы хорошо). Решил сделать сам. Для создания слайдера использовал Vue.js. Выкладываю здесь, может кому пригодится. Материал с сайта phpnick.ru. Ссылка на материал - https://phpnick.ru/posts/category/js/72 Итак, для создания кастомного Range Input или слайдера или slider’a нужны 3 составляющие, немного html, гораздо больше css и еще больше js-кода. Взболтать, но не перемешивать...