Делаем изображение отзывчивым

Question

Я создаю заголовок в Photoshop и импортирую его в Visual Basic 2010. Я хочу, чтобы заголовок был немного более динамичным, поэтому, когда я нажимаю на часть изображения (например, с контактами), он переносит меня другая страница.

Я знаю, что в CSS есть функция, которая делает это, она называется отображением. У Dreamweaver есть простой способ сделать это. Но возможно ли нанести на карту область, которая заставит изображение реагировать (как если бы он нажал кнопку)?

Answer 1

ASP.net предоставляет 3 способа предоставления карты изображений, они называются «горячими точками» свойств элемента управления картой изображений.Круглые и прямоугольные точки доступа легко понять.вот пример ..

   <asp:ImageMap ID="ImageMap1" runat="server">
            <asp:CircleHotSpot NavigateUrl="nextPage.aspx" />
            <asp:RectangleHotSpot Bottom="50" Left="50" NavigateUrl="contactpage.aspx" 
                Right="10" Top="10" />
        </asp:ImageMap>

Пример изображения, показанного здесь

Скриншот настройки ASP

Answer 2

Ссылки на области отображения приводят к ужасной и ненужной разметке. Просто поместите якорную ссылку вокруг вашего целого изображения заголовка примерно так:

<a href="~/default.aspx" title="Home" runat="server">
    <img src="~/images/header.jpg" alt=Home" style="border:none;" 
        runat="server" />
</a>

Если вы хотите использовать Image Maps (не очень хороший дизайн), проверьте следующие ссылки:

http://www.w3schools.com/TAGS/tag_map.asp

http://www.image -maps.com /