201 читали · 1 год назад
Стилизованный input[type="range"]
Инпут с ползунком Предыстория: Как сделать такой инпут, да еще задать ему стили? Стили, кроме того, должны быть кроссбраузерными. Очень часто его далают из стилизованых <span>, а функционал пишут на js. На самом деле это необязательно. Решение, input[type="range"] стилизация без js HTML: <input type="range" name="range" value="75" min="0" max="100" step="1" /> ...
198 читали · 2 года назад
Как сделать слайдер на JS?
Всем привет! В этой статье ты узнаешь как сделать сенсорный слайдер на HTML, CSS и JavaScript. Помогать в этом нам будет библиотека Swiperjs. Я не считаю себя мастером в JS, всегда есть чему учиться, поэтому если вы знаете как написать какие-то фрагменты кода проще, эффективнее и лучше, то обязательно напишите в комменты. Исходный код будет на моем Github. Первым делом создаем файл index.html и открываем его на редактирование. С начало создаем основную структуру страницы: Далее нужно подключить SwiperJS, для этого переходим в документацию библиотеки - https://swiperjs...