3.4.2.    Компонент «Изображение»

Компонент «Изображение» предназначен для размещения на страницах сайта отдельных изображений (например, баннеров), хранящихся на сервере. Не следует применять компонент «Изображение» для вставки изображений непосредственно в текст. Для этих целей лучше воспользоваться встроенными возможностями редактора TinyMCE компонента «Текст».

Компонент «Изображение» можно добавить в следующие регионы страницы: «Заголовок», «Левая колонка», «Основное содержимое», «Правая колонка», «Подвал». В зависимости от выбранного шаблона, регионы в которые можно поместить компонент, могут меняться.

Диалог настройки компонента «Изображение» представлен на рисунке 3.8.2. В верхней части диалога находится панель предварительного просмотра выбранного изображения. Выбор изображения осуществляется в менеджере файлов из папки на сервере, вызвать который можно нажав на кнопку «Изменить изображение».

 В полях «Отступ слева», «Отступ снизу», «Отступ слева» и «Отступ справа» можно указать количество пикселей, определяющих расстояние до соседних объектов (текста, границ, изображений и т.п.) от соответствующих границ изображения.  

Рисунок 3.21 – Диалог редактирования компонента «Текст»

В полях «Ширина» и «Высота» установите горизонтальный и вертикальный размер изображения в пикселях. При задании размеров изображения фактический размер изображения в файле не меняется, но при отображении в окне интернет-обозревателя изображение будет показано с заданными размерами. Эта функция полезна, если требуется немного подогнать изображение. Не следует пользоваться ею при создании миниатюр, так как объем изображения в Кб останется прежним.

В поле «Ссылка» можно указать URL-адрес, по которому будет произведен переход при нажатии на изображение. При этом изображение станет ссылкой. URL-адрес должен начинаться с «http://», за исключением, случаев, когда страница или файл на который должен быть совершен переход находится на том же сервере что и изображение.

Нажмите кнопку «Применить» для сохранения изменений или «Отмена» для закрытия диалога без внесения изменений.