Slidenav

Определяет навигации с предыдущей и следующей кнопки для просмотра слайд-шоу.

Использование

Для создания навигации с предыдущей и следующей кнопки, просто добавьте .uk-slidenav класс <a> элементы. Добавить .uk-slidenav-previous или .uk-slidenav-next класса в стиле сча предметы, как предыдущей или следующей кнопки.

Пример

Разметки

<a href="" class="uk-slidenav uk-slidenav-previous"></a>
<a href="" class="uk-slidenav uk-slidenav-next"></a>

Положение slidenav

Чтобы расположить Slidenav за любой контент, как слайд-шоу или изображение, просто оберните навигация и контент внутри элемента-контейнера и добавить .uk-slidenav-position класс. Таким образом кнопки Previous и Next будет по центру вертикально и выравнивается по левой и правой. В Slidenav будет виден только при наведении курсора на содержимое.

Разметки

<div class="uk-slidenav-position">
    <img src="" alt="">
    <a href="" class="uk-slidenav uk-slidenav-previous"></a>
    <a href="" class="uk-slidenav uk-slidenav-next"></a>
</div>

Slidenav и изображений

Для лучшей видимости на изображения, например при использовании Slidenav в виде слайд-шоу навигации, просто добавьте .uk-slidenav-contrast класс.

Разметки

<a href="" class="uk-slidenav uk-slidenav-contrast uk-slidenav-previous"></a>
<a href="" class="uk-slidenav uk-slidenav-contrast uk-slidenav-next"></a>