-
-
Save nikolamarkelov/2d8ed0d3a4051583aac0a7deb5a37459 to your computer and use it in GitHub Desktop.
Базовая структура слайдера
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="slider"> | |
<!-- Здесь список слайдов: --> | |
<div class="slider__slides"> | |
<div class="slider__slide">В слайде может быть любой контент. Например, блок .promo .</div> | |
<div class="slider__slide"></div> | |
<div class="slider__slide"></div> | |
<div class="slider__slide"></div> | |
</div> | |
<!-- Здесь список точек или стрелок для навигации: --> | |
<div class="slider__nav"> | |
<button type="button" class="slider__dot">Перейти к слайду 1</button> | |
<button type="button" class="slider__dot">Перейти к слайду 2</button> | |
<button type="button" class="slider__dot is-active">Перейти к слайду 3</button> | |
<button type="button" class="slider__dot">Перейти к слайду 4</button> | |
<!-- Тут могут быть еще такие стрелочки: --> | |
<button type="button" class="slider__arrow slider__arrow--prev">Переключиться на предыдущий слайд</button> | |
<button type="button" class="slider__arrow slider__arrow--next">Переключиться на следующий слайд</button> | |
</div> | |
</div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment