4.5.8 Элементы управления Image (Изображение) и ImageMap (Карта изображения)

Серверные элементы управления Image и ImageMap в ASP.NET 2.0, свойства ImageURL и NavigateURL

Элемент управления Image (Изображение) относится к числу наиболее простых. Он предназначен для показа изображений на Web-странице, при этом показываемое изображение можно менять программно. Для этого элемента управления используются три свойства:

• ImageURL — путь к файлу изображения;
• NavigateURL — ссылка, на которую будет произведен переход при щелчке пользователя по изображению;
• AlternateText — подпись, которая будет показана, если изображение показать невозможно (например, показ сообщений в броузере отключен).

Никаких событий для этого элемента управления не предусмотрено. Если вам нужно обеспечить какую-либо специальную реакцию на щелчок пользователя на изображении, рекомендуется использовать специальный элемент управления ImageButton (см. раздел 4.5.3).

Несколько сложнее элемент управления ImageMap. Это — тоже рисунок, однако в этом рисунке дополнительно выделены области (hotspots), которые могут быть круглыми, квадратными или прямоугольными. Можно настроить реакцию на щелчок пользователя по данной области. Обычно элемент управления ImageMap используется, конечно, для интерактивных карт.

Работа с ImageMap выглядит следующим образом: вначале необходимо просто разместить этот элемент управления на странице .aspx — точно так же, как обычное изображение. Затем для настройки областей можно воспользоваться свойством Hotspots. Если щелкнуть мышью по значению для этого свойства в окне свойств, то откроется специальное окно Hot Spot Collection Editor (см. рис. 4.5.8-1), в котором можно создать области.

Рис. 4.5.8-1 Окно создания областей для элемента управления ImageMap

Тип создаваемой области определяется при помощи стрелки рядом с кнопкой Add (Добавить). Затем в разделе Appearance необходимо определить координаты для данной области (для каждого типа области они определяются по разному), а после этого настроить параметры работы с областью в разделе Behavior. Что будет происходить с областью после щелчка мышью пользователем, определяется при помощи свойства HotSpotMode. Если выбрать значение Navigate, то при щелчке мышью произойдет просто переход по ссылке. которая определена при помощи свойства NavigateURL. Если же выбрать значение PostBack, то в этом случае при щелчке пользователя по области сработает событие Click для элемента управления ImageMap. К какой именно области обратился пользователь, определяется при помощи значения, настроенного для свойства PostBackValue. Его можно получить при помощи параметров, передаваемых событию, например, так:

    Protected Sub ImageMap1_Click(ByVal sender As Object, _

            ByVal e As System.Web.UI.WebControls.ImageMapEventArgs)

        Dim region As String

        Select Case e.PostBackValue

            Case "NW"

                region = "Север-Запад"

            Case "NE"

                region = "Северо-Восток"

            Case "SE"

                region = "Юго-Восток"

            Case "SW"

                region = "Юго-Запад"

        End Select

        Label1.Text = "Выбран регион " & region & "."

    End Sub

Другие свойства элемента ImageMap совпадают со свойствами элемента Image.

Получить учебные материалы по этому курсу