Image
Элемент управления asp:image соответствует тегу img языка HTML. Его можно использовать для динамического добавления на страницу новых изображений. Вернемся к нашему туристическому агентству. Мы решили, что, когда клиент выбирает города, на страницу автоматически должна выводиться карта соответствующего города. Оставляем это в качестве упражнения. Карты городов можно найти через поисковую систему Яндекс.
<asp:Image> имеет свойства AlternateText, ImageUrl, ImageAlign
| AlternateText | Соответствует атрибуту ALT тега IMG. Отображается, если показ картинок отключен или картинки невозможно найти |
| ImageUrl | Соответствует атрибуту SRC тега IMG |
| ImageAlign | Соответствует атрибуту ALIGN тега IMG |
Как всегда, свойства можно менять из программы. Например, меняя значение ImageUrl, можно организовать просмотр множества картинок в виде слайд-шоу. Создайте директорию images и поместите в нее несколько картинок image1, image2 и так далее.
Напишем новую страницу:
<%@ Page Language="C#" %> <html xmlns="http://www.w3.org/1999/xhtml" > <head>
<script language="C#" runat="server"> public static int count=1; void NextImage(Object sender, EventArgs e) { count++; if(count==10) count=1; //циклический просмотр Image1.ImageUrl ="images/image"+count+".jpg"; } </script> </head>
<body> <form runat="server"> <h3>Image Example</h3> <asp:Image id="Image1" runat="server" ImageAlign="top" AlternateText="Картинки нет" height="300" ImageUrl="images/image1.jpg"/> <hr> <br><br> <asp:Button id="Next" Text="Next" OnClick="NextImage" runat="server"/> <br><br> </form> </body> </html>
