Это моя первая статья про слайдеры, в Интернете полно и других статей, по этому данная статья не претендует на оригинальность, а как памятка для самого себя - как заставить работать то что должно как то работать.
Дело в том, что как то решил на скорую руку набросать макет сайта, хоба, а слайдер не работает =( По этому для себя решил сделать шпоргалку по популярным слайдерам.
Bootstrap 4
Начну со слайдера на Bootstrap.
Фреймворк Bootstrap используется все чаще и чаще - он делает сайты адаптивными и позволяет добавить готовые элементы, которые не надо под себя пилить. Так же в нем есть слайдер. Да, есть официальная большая и подробная документация по его подключению и настройке, но нам надо сделать быстро и чтоб работало.
На момент написания статьи актуальная версия Bootstrap - 4.5.0
Как бы все хорошо, не надо ничего лишнего подключать, но если вы не руками делаете слайды, а автоматом - загружаете картинки на сайт и они сами попадают в слайдер - тогда придется позаботиться, чтобы у первого слайда был класс active и количество индикаторов правильно нумеровалось и совпадало с количеством слайдов. Но опять же не понятно почему - я не смог заставить работать индикаторы и органы управления - стрелки вперед-назад, сам слайд листается, все эффекты работают, а вот стрелочки и индикаторы ни в какую не нажимаются, хотя на сайте bootstrap работают... и пример скопирован 1 в 1, но не работают...
Рейтинг: 16
Обновлено: 09.10.2024