Свойства изображения

Данная функция позволяет изменить свойства размещенной картинки: размер, альтернативное название, описание, выравнивание и пр.

Рассмотрим, как это можно сделать.

Шаг 1

Выберите изображение в рабочей области текстового редактора и нажмите кнопку "Свойства изображения" на рабочей панели редактора.

phpS54pLL

Шаг 2 Данные об изображении

На вкладке "Данные об изображении" доступны для редактирования общие данные и параметры отображения иллюстрации

 

phpX18tM6

  • Ссылка: URL картинки.
  • Альтернативный текст: какое-либо примечание о сути изображения - это полезно для "восприятия" Вашего сайта поисковиками. Также альтернативный текст отображается при отключенном в браузере показе картинок или во время их загрузки. Такой текст появляется раньше самого изображения и дает представление о его содержании.
  • Заголовок: название для изображения - оно будет всплывать при наведении курсора на иллюстрацию.
  • Ширина: ширина изображения в пикселах.
  • Высота: высота изображения в пикселах.
  • phphUBa0N "Сохранять пропорции" : при активации кнопки пропорции изображения автоматически сохраняются при изменении ширины/высоты.
  • phpQafi0m "Вернуть обычные размеры": при активации кнопки ширина и высота изображения принимают параметры по умолчанию.  
  • Граница: толщина рамки для изображения.
  • Горизонтальный отступ: отступ по горизонтали до ближайшего объекта, в пикселах.
  • Вертикальный отступ: отступ по вертикали от картинки до ближайшего объекта (текста, таблицы и т.п.), в пикселах.
  • Выравнивание - способ выравнивания картинки относительно текста и документа
    • По левому краю - выравнивает изображение по левому краю документа. Прилегающий текст обтекает изображение справа,
    • По правому краю - выравнивает изображение по правому краю документа. Прилегающий текст обтекает изображение слева.

 

Шаг 3 Ссылка

Вкладка "Ссылка" позволяет настроить переадресацию посетителей при нажатии на изображение. Это может быть ссылкой на страницу Вашего сайта, либо любой другой информационный ресурс.

Для настройки переадресации введите URL в поле "Ссылка" и выберите вариант перехода из предложенных:

  • Новое окно - ссылка откроется в новой вкладке браузера.
  • Текущее окно - ссылка откроется на текущей странице.
  • Главное окно -  ссылка откроется с отменой всех фреймов в полном окне браузера.
  • Родительское окно - ссылка откроется во фрейме-родителе. 

phpuHgnmK

Шаг 4 Дополнительно

Во вкладке "Дополнительно" доступны для редактирования 

  • Идентификатор - идентификатор картинки (имя элемента).
  • Направление текста - направление письма: слева-направо (left to right) или справа-налево (right to left - для восточных языков).
  • Код языка - при необходимости укажите код используемого языка.
  • Длинное описание ссылки - тут можно указать ссылку на подробное описание картинки (longdesc). 
  • Класс CSS - тут можно задать класс изображения (если ранее он был задан)
  • Стиль - в данном поле Вы можете вручную прописать стиль для изображения (значение атрибута style).
  • Альтернативное изображение
    • При наведении - вставьте адрес картинки, которая будет сменять начальную иллюстрацию при наведении курсора.
    • В нормальном состоянии -  вставьте адрес картинки, которая при снятии курсора будет сменять ту иллюстрацию, которая выводилась при наведении.

phpoKfov1

Была ли статья вам полезна?
Укажите, пожалуйста, почему?
Комментарий