image
Используется для вставки самостоятельных изображений.
Обзор блока
Специализированные поля блока
Поле |
Тип |
Описание |
title |
String |
Текст всплывающей подсказки. |
alt |
String |
Альтернативный текст для изображения. |
url |
String |
Адрес изображения. |
width |
Number |
Ширина изображения в пикселях. |
height |
Number |
Высота изображения в пикселях. |
content |
BEMJSON |
Контент изображения в формате SVG. |
Описание блока
Блок image
предназначен для вставки самостоятельных изображений. Адаптирован для вывода в специальных режимах (чтения, печати, для людей с ограниченными возможностями).
Специализированные поля блока
Поле title
Тип: String
.
Определяет текст всплывающей подсказки.
Open in a new window<img class="image" src="https://img-fotki.yandex.ru/get/16159/259818507.0/0_130be6_4116d8e7_S" title="Все подробности на bem.info">
HTML{
block: 'image',
url: 'https://img-fotki.yandex.ru/get/16159/259818507.0/0_130be6_4116d8e7_S',
title: 'Все подробности на bem.info'
}
BEMJSONdeps
Поле alt
Тип: String
.
Определяет альтернативный текст для изображений. Такой текст позволяет получить информацию об изображении, если браузер по каким-то причинам не может его отобразить.
Open in a new window<img class="image" src="https://img-fotki.yandex.ru/get/6737/259818507.0/0_130be4_7315e1e0_S" alt="BEM">
HTML{
block: 'image',
url: 'https://img-fotki.yandex.ru/get/6737/259818507.0/0_130be4_7315e1e0_S',
alt: 'BEM'
}
BEMJSONdeps
Поле url
Тип: String
.
Определяет адрес, с которого загружается изображение.
Open in a new window<img class="image" src="https://img-fotki.yandex.ru/get/5405/259818507.0/0_130be5_948d59aa_S">
HTML{
block: 'image',
url: 'https://img-fotki.yandex.ru/get/5405/259818507.0/0_130be5_948d59aa_S'
}
BEMJSONdeps
Поле width
Тип: Number
.
Определяет ширину изображения в пикселях.
Open in a new window<img class="image" src="https://img-fotki.yandex.ru/get/17848/259818507.0/0_12ab32_a798a820_X5L" width="200" height="100">
HTML{
block: 'image',
url: 'https://img-fotki.yandex.ru/get/17848/259818507.0/0_12ab32_a798a820_X5L',
width: 200,
height: 100
}
BEMJSONdeps
Поле height
Тип: Number
.
Определяет высоту изображения в пикселях.
Open in a new window<img class="image" src="https://img-fotki.yandex.ru/get/17848/259818507.0/0_12ab32_a798a820_X5L" width="100" height="200">
HTML{
block: 'image',
url: 'https://img-fotki.yandex.ru/get/17848/259818507.0/0_12ab32_a798a820_X5L',
width: 100,
height: 200
}
BEMJSONdeps
Поле content
Тип: BEMJSON
.
Определяет контент изображения в формате SVG.
Open in a new window<span class="image" role="img"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="16"><path d="M13.5.5l-8 12L1.7 8l-1 1.6L5.6 15l9.1-13.4z"/></svg></span>
HTML{
block: 'image',
content: '<svg xmlns="http://www.w3.org/2000/svg" width="15" height="16"><path d="M13.5.5l-8 12L1.7 8l-1 1.6L5.6 15l9.1-13.4z"/></svg>'
}
BEMJSONdeps