> For the complete documentation index, see [llms.txt](https://help.lynda.ru/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.lynda.ru/osnovnye-komponenty-sistemy/element/interaktivnye/slaider.md).

# Слайдер

позволяет пользователю переключаться между различным контентом, через кнопки управления (влево и вправо). Это полезно для просмотра контента в виде слайдов.

<figure><img src="https://3865113055-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDNAf78MjCvzZdPg7TdO%2Fuploads%2Fj8585Q2jWwuTqubGt5gc%2FScreenshot_6.png?alt=media&amp;token=5cf0e8b4-5ec0-43d5-af27-86b2d1bb3c6b" alt=""><figcaption></figcaption></figure>

**Дважды кликните по элементу чтобы увидеть его настройки.**

<figure><img src="https://3865113055-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDNAf78MjCvzZdPg7TdO%2Fuploads%2FC1GtQzGZFl0JmtfALxJP%2FScreenshot%202024-03-29%20at%2012.56.28.png?alt=media&amp;token=1ffd2f70-5690-4628-b6b2-d1922fbe790e" alt="" width="302"><figcaption></figcaption></figure>

### 1. Зацикливать

Чтобы включить зацикливание слайдера, переключите настройку «Зацикливать» на «Да».

<figure><img src="https://3865113055-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDNAf78MjCvzZdPg7TdO%2Fuploads%2FAjLcOrQSf1A5AdboH8iY%2FScreen%20Recording%202024-03-29%20at%2013.28.24.gif?alt=media&amp;token=cdc5ccea-0886-45b5-bd92-9308136a6575" alt=""><figcaption></figcaption></figure>

### 2. Прогресс

Чтобы отобразить прогресс под ползунком, переключите настройку «Прогресс» на «Да».

<figure><img src="https://3865113055-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDNAf78MjCvzZdPg7TdO%2Fuploads%2FpShfvmClw2vBEL4E47PA%2FScreen%20Recording%202024-03-29%20at%2013.28.58.gif?alt=media&amp;token=daf229ba-5b6b-41b2-9feb-a9a9c6f22e2c" alt=""><figcaption></figcaption></figure>

### 3. Тип прогресса

Чтобы изменить тип прогресса, выберите точки или номер в настройках типа.

<figure><img src="https://3865113055-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDNAf78MjCvzZdPg7TdO%2Fuploads%2F3MuuOowE4kdKSvN9IWQ5%2FScreen%20Recording%202024-03-29%20at%2013.29.20.gif?alt=media&amp;token=145e073b-e253-4f08-9441-2687ded7a135" alt=""><figcaption></figcaption></figure>

### 4. Добавить слайд

Чтобы добавить новый элемент слайдера, нажмите кнопку «Добавить», расположенную в настройках элемента.

<figure><img src="https://3865113055-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDNAf78MjCvzZdPg7TdO%2Fuploads%2F6beKoCslTLjyxhrNlmVM%2FScreen%20Recording%202024-03-29%20at%2013.30.26.gif?alt=media&amp;token=dd0ef295-4d77-4053-b13e-3a4654d89d9a" alt=""><figcaption></figcaption></figure>

### 5. Удалить слайд

Чтобы удалить элемент слайдера, выберите опцию «Удалить» в настройках элемента.

<figure><img src="https://3865113055-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDNAf78MjCvzZdPg7TdO%2Fuploads%2Ft2Hdhsdlu2cfQlJ1C40h%2FScreen%20Recording%202024-03-29%20at%2013.30.38.gif?alt=media&amp;token=818c4913-166e-40b2-aa2c-445cbaef5c2d" alt=""><figcaption></figcaption></figure>

### 6. Дублировать слайд

Чтобы дублировать элемент слайдера, выберите опцию «Дублировать» в настройках элемента.

<figure><img src="https://3865113055-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDNAf78MjCvzZdPg7TdO%2Fuploads%2FiPz3DLDNDS5DXVirJ2lT%2FScreen%20Recording%202024-03-29%20at%2013.30.00.gif?alt=media&amp;token=8d3d0dd7-ddc9-4371-a03c-08a26f1bd2a4" alt=""><figcaption></figcaption></figure>

### 7. Переместить слайд

Чтобы переместить элемент слайдерва, просто перетащите его в нужное место.

<figure><img src="https://3865113055-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDNAf78MjCvzZdPg7TdO%2Fuploads%2FrTogWaoQICJOHQQp2KRd%2FScreen%20Recording%202024-03-29%20at%2013.30.54.gif?alt=media&amp;token=684051f2-24a2-422e-b406-ed674bd51791" alt=""><figcaption></figcaption></figure>