Главная / Главная / Работа с текстовым редактором / Старый интерфейс (TinyMCE 3) / Работа с изображениями / Свойства изображения
Свойства изображения #50305
Данная функция позволяет изменить свойства размещенной картинки: размер, альтернативное название, описание, выравнивание и пр.
Рассмотрим, как это можно сделать.
Шаг 1
В рабочей области текстового редактора нажмите на кнопку "Добавить/изменить изображение".
Шаг 2. Общие
На вкладке "Общие" Вам будут доступны следующие настройки:
- Адрес - URL картинки.
- Описание - какое-либо примечание о сути изображения - это полезно для "восприятия" Вашего сайта поисковиками. Также описание отображается при отключенном в браузере показе картинок или во время их загрузки. Такой текст появляется раньше самого изображения и дает представление о его содержании. Данное поле соответствует атрибуту "alt".
- Заголовок - альтернативное название для изображения - оно будет всплывать при наведении курсора на иллюстрацию.
Шаг 3. Положение
На вкладке "Положение" Вы сможете отредактировать такие параметры, как:
- Выравнивание - способ выравнивания картинки относительно текста и документа.
- По базовой линии - выравнивает нижнюю кромку изображения с базовой линией текущей текстовой строки,
- По верхнему краю - выравнивает текущую текстовую строку по верхнему краю изображения,
- По центру - выравнивает текущую текстовую строку по центру изображения,
- По нижнему краю - выравнивает текущую текстовую строку по нижнему краю изображения,
- По верхнему краю текста - выравнивают верхнюю кромку изображения с верхней линией текущей текстовой строки,
- По нижнему краю текста - выравнивают верхнюю кромку изображения с нижней линией текущей текстовой строки,
- По левому краю - выравнивает изображение по левому краю документа. Прилегающий текст обтекает изображение справа,
- По правому краю - выравнивает изображение по правому краю документа. Прилегающий текст обтекает изображение слева.
- Размер - длина и ширина картинки в пикселах. Если при этом Вы отметите галочку "Сохранять пропорции" - при смене одной величины - вторая будет изменятся пропорционально автоматически.
- Вертикальный отступ - отступ по вертикали от картинки до ближайшего объекта (текста, таблицы и т.п.), в пикселах (значение атрибута vspace).
- Горизонтальные отступ - отступ по горизонтали до ближайшего объекта, в пикселах (значение атрибута hspace).
- Граница - толщина рамки для изображения.
- Класс - тут можно выбрать класс изображения (если ранее он был задан).
- Стиль - в данном поле Вы можете вручную прописать стиль для изображения (значение атрибута style).
Шаг 4. Дополнительно
На вкладке "Дополнительно" Вам будут доступны следующие настройки:
- Альтернативное изображение - при активации данной галочки Вы сможете задать адреса для двух альтернативных изображений:
- При наведении - картинка, которая будет сменять начальную иллюстрацию при наведении курсора.
- В покое - картинка, которая при снятии курсора будет сменять ту иллюстрацию, которая выводилась при наведении.
- Имя элемента - идентификатор картинки (id).
- Направление текста - направление письма: слева-направо (left to right) или справа-налево (right to left - для восточных языков).
- Код языка - при необходимости укажите код используемого языка.
- Карта ссылок - значение атрибута usemap.
- Ссылка на полное описание - тут можно указать ссылку на подробное описание картинки (longdesc).