> 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="/files/ot3b6fRabiUnStQzdXGq" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/GMxpiW1ytuyNrQOXhkEF" alt="" width="298"><figcaption></figcaption></figure>

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

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

<figure><img src="/files/fx6khWlOEL8KnUbEOVpP" alt=""><figcaption></figcaption></figure>

### 2. Изменить картинку

Чтобы изменить изображение, нажмите на имя файла и выберите или загрузите новое изображение.

<figure><img src="/files/A0npAI8yBGkqNuaSR5c9" alt=""><figcaption></figcaption></figure>

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

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

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

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

<figure><img src="/files/1wRps06Rhr3EMPt08eQY" alt=""><figcaption></figcaption></figure>

### 5. Текст

Вы можете добавить текст поверх картинок, просто дважды кликнув на нужное изображение.

<figure><img src="/files/9z59UFaPnmNmCrziXmtz" alt=""><figcaption></figcaption></figure>