Skip to content

Instantly share code, notes, and snippets.

@nikolamarkelov
Created October 6, 2017 09:53
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save nikolamarkelov/2d8ed0d3a4051583aac0a7deb5a37459 to your computer and use it in GitHub Desktop.
Save nikolamarkelov/2d8ed0d3a4051583aac0a7deb5a37459 to your computer and use it in GitHub Desktop.
Базовая структура слайдера
<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