Документация Толоки

Картинка

    Обратите внимание

    Документация на русском языке может быть устаревшей. Самые последние изменения доступны в документации на английском языке.

    Примечание

    Справочник по настройке интерфейса описывает работу редактора HTML/JS/CSS. Вы также можете попробовать вставить картинку в Конструкторе шаблонов.

    Чтобы вставить в задание картинку, используйте компонент {{img src=<URL изображения>}}. Например:

    {{img src=url width="100px" height="75px"}}
    

    Сами файлы можно разместить в Yandex Cloud.

    Параметры

    Параметр

    Описание

    Обязательный

    Значение по умолчанию

    src

    URL изображения. Варианты значений:

    • URL из входных данных задания. Например, из поля с идентификатором url: src=url.

    • Прямая ссылка. Рекомендуется использовать протокол HTTPS. Например: src="https://mywebsite.ru/img1.png".

    да

    нет

    width

    Ширина изображения. Указывается в следующих единицах:

    • Пиксели. Например: width="100px".

    • Доля от размера родительского элемента. Например: width="100%".

    Можно также задать ширину с формулой. Например, width="calc(100%-30px)".

    нет

    "300px"

    height

    Высота изображения. Указывается в следующих единицах:

    • Пиксели. Например, height="100px".

    • Доля от размера родительского элемента. Например, height="100%".

    Можно также задать ширину формулой. Например, height="calc(100%-30px)".

    нет

    "300px"

    real-size

    Масштабирование изображения. Возможные значения:

    • real-size=false — растягивать изображение по размеру родительского элемента.

    • real-size=true — использовать исходный размер изображения (если он не превышает размер родительского элемента).

    нет

    false

    class

    CSS-класс для картинки.

    нет

    ".img"