이미지 컨트롤을 활용하여 이미지 표시하기입니다.


우선 이미지 폴더를 만들어서 로컬에 있는 이미지를 복사해서 넣습니다.


솔루션 탐색기- 추가 - 새폴더 



test12.aspx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test12.aspx.cs" Inherits="FrmText.test12" %>
 
<!DOCTYPE html>
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Image ID="imgChange" runat="server" ImageUrl="~/images/5.png"
             AlternateText="대체텍스트" Width="300px" Height="300px" />
        <hr />
        <asp:TextBox ID="text1" runat="server"></asp:TextBox>
 
        <asp:Button Text="이미지 순환" ID="btnChange" OnClick="btnChange_ck" runat="server" />
    </div>
    </form>
</body>
</html>
 
cs



test12.aspx.cs


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
 
namespace FrmText
{
    public partial class test12 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
 
        }
        protected void btnChange_ck(object sender, EventArgs e)
        {
            if (text1.Text == "1")
            {
                imgChange.ImageUrl = "~/images/3.jpg";
            }
            else if (text1.Text == "2")
            {
                imgChange.ImageUrl = "~/images/4.png";
            }
            else
            {
                string str = @"
                        <script>
                            alert('1 또는 2를 입력하세요');
                        </script>
                        ";
                Response.Write(str);
            }
        }
    }
}
cs


실행 화면



1 입력시 


2 입력시



1 ,2가아닌 다른 입력을 했을 때 




저작자표시 비영리

'ASP.NET' 카테고리의 다른 글

3. .NET Framework CLR  (0) 2020.04.20
2. .NET Framework 란?  (0) 2020.04.20
6. 닷넷 기초 (현재시간 출력하기)  (0) 2018.02.25
5. 닷넷 기초 (표준 컨트롤러)  (0) 2018.02.25
3. 닷넷 기초 (IP 주소 가져오기)  (0) 2018.02.25

+ Recent posts

티스토리툴바