3554 читали · 3 года назад
Делаем простой слайдер: без библиотек и фреймворков, только чистый JavaScript
В этой статье мы разберем процесс разработки слайдера на чистом JavaScript. После, вы можете использовать слайдер в своих проектах и оформлять его как вам захочется. Ссылку на исходники я размещу в конце статьи. Слайдер будет состоять из трех слайдов (можно делать их хоть сколько). Переключаться слайды будут с помощью стрелок, а содержать он будет изображение, кнопку и заголовок с описанием, в принципе контент можно размещать любой, главное правильно все сделать. HTML разметка Пишем разметку нашего...
191 читали · 1 год назад
Как сделать слайдер на JS?
Всем привет! В этой статье ты узнаешь как сделать сенсорный слайдер на HTML, CSS и JavaScript. Помогать в этом нам будет библиотека Swiperjs. Я не считаю себя мастером в JS, всегда есть чему учиться, поэтому если вы знаете как написать какие-то фрагменты кода проще, эффективнее и лучше, то обязательно напишите в комменты. Исходный код будет на моем Github. Первым делом создаем файл index.html и открываем его на редактирование. С начало создаем основную структуру страницы: Далее нужно подключить SwiperJS, для этого переходим в документацию библиотеки - https://swiperjs...