ASP.NET

7. 닷넷 기초 (이미지 컨트롤)

왕초보코딩탈출 2018. 2. 25. 19:03

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


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


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



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가아닌 다른 입력을 했을 때 




저작자표시 비영리 (새창열림)