> 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/shtorka.md).

# Шторка

интерактивный элемент, который скрывает/раскрывает содержимое при переведении ползунка.

<figure><img src="https://3865113055-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDNAf78MjCvzZdPg7TdO%2Fuploads%2FPeS2O3fjSAwI2yuvio7k%2FScreenshot_8.png?alt=media&amp;token=dc4c7bb8-ce74-4385-92b3-4a06ce42531d" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://3865113055-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDNAf78MjCvzZdPg7TdO%2Fuploads%2Fgx7Skv2YIHVQTLbbtxyK%2FScreenshot%202024-03-29%20at%2015.37.40.png?alt=media&amp;token=52ee4097-8a8d-47ee-87b0-1e291aca7dc3" alt="" width="298"><figcaption></figcaption></figure>

### 1. Положение ползунка по умолчанию

Чтобы установить положение ползунка по умолчанию, установите значение от 1 до 100 в настройке "Ползунок".

<figure><img src="https://3865113055-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDNAf78MjCvzZdPg7TdO%2Fuploads%2FeXV5trGeT7t3rZh6tkCJ%2FScreen%20Recording%202024-03-29%20at%2015.43.02.gif?alt=media&amp;token=cbf37b5c-d8bb-4543-ba8c-8ed02c9dbc87" 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%2F35rhrv4s56NYUFxB0YrJ%2FScreen%20Recording%202024-03-29%20at%2015.43.32.gif?alt=media&amp;token=08fb5f7f-4ff4-447c-a988-288cce57f6c5" alt=""><figcaption></figcaption></figure>

### 3. Обрезать картинку

Вы можете обрезать картинку в Шторке так же, как и в [элементе Картинка.](https://help.lynda.ru/osnovnye-komponenty-sistemy/element/interaktivnye/pages/WaoCJUJ89eSHkAQYggRo#id-2.-obrezat-kartinku)

### 4. Заливка

Вы можете разместить дополнительный цветной слой поверх изображения.

<figure><img src="https://3865113055-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDNAf78MjCvzZdPg7TdO%2Fuploads%2Ffs9LyVqV8k5GPVnPZa3Z%2FScreen%20Recording%202024-03-29%20at%2015.44.09.gif?alt=media&amp;token=e043a472-4885-41be-8471-612aae1f473f" 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%2FqMruNbX8GVUpUwSzsDKx%2FScreen%20Recording%202024-03-29%20at%2015.44.37.gif?alt=media&amp;token=14b1e933-9cd0-4628-9203-8850aa0696ed" alt=""><figcaption></figcaption></figure>