Asp.Net İmage Nesnesi Kullanımı - Bilişim Konuları

Asp.Net İmage Nesnesi Kullanımı

Asp.Net ile image kontrolünü anlatan bir örnek. Bu uygulamada öncelikle tasarım ekranında 5 tane buton ve 1 tane image kontrolü tasarıma ekleniyor. Daha sonra butonların c# kodlarıyla her butona tıklandığında ekrandaki image nesnesine yeni bir resim ekleniyor. Bu arada resimlerin proje klasörü içerisinde resimler klasöründe olması gerekiyor. Eğer resimler başka yerde olursa tam resim yolu yazılması gerekmektedir.

Program Kodları:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="image.aspx.cs" Inherits="image" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    
        Manzara Resimleri<br />
        <br />
        <asp:Button ID="Button1" runat="server" onclick="Button1_Click" 
            Text="Resim 1" />
        <asp:Button ID="Button2" runat="server" onclick="Button2_Click" 
            Text="Resim 2" />
        <asp:Button ID="Button3" runat="server" onclick="Button3_Click" 
            Text="Resim 3" />
        <asp:Button ID="Button4" runat="server" onclick="Button4_Click" 
            Text="Resim 4" />
        <asp:Button ID="Button5" runat="server" onclick="Button5_Click" 
            Text="Resim 5" />
        <br />
        <asp:Image ID="Image1" runat="server" Height="242px" Width="347px" />
    
    </div>
    </form>
</body>
</html>  

Ekran Görüntüsü:

Programın C# kodları:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class image : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }
    protected void Button1_Click(object sender, EventArgs e)
    {
        Image1.ImageUrl = "resimler/1.jpg";
    }
    protected void Button2_Click(object sender, EventArgs e)
    {
        Image1.ImageUrl = "resimler/2.jpg";
    }
    protected void Button3_Click(object sender, EventArgs e)
    {
        Image1.ImageUrl = "resimler/3.jpg";
    }
    protected void Button4_Click(object sender, EventArgs e)
    {
        Image1.ImageUrl = "resimler/4.jpg";
    }
    protected void Button5_Click(object sender, EventArgs e)
    {
        Image1.ImageUrl = "resimler/5.jpg";
    }
}

Programın çalışan hali:

Resim 1 Butonuna tıklayınca

Resim 2 Butonuna tıklayınca

Resim 3 Butonuna tıklayınca

Resim 4 Butonuna tıklayınca

Resim 5 Butonuna tıklayınca

Bu Yazıya Tepkin Nedir?
+1
0
+1
0
+1
0
+1
0
+1
0
+1
0
+1
1

Sonraki Yazı >>

Yorum Yap

2 Yorum

    • imagebutton’a tek tıklayıp seçtikten sonra Properties (özellikler) panelinde bulunan PostBackUrl özelliğine yönlendirmek istediğin sayfanın url’sini yazarsın böylece resme tıkladığında istediğin sayfaya yönlendirmiş olursun.