Repeater da Image Gösterimi


Merhaba arkadaşlar bu makalemizde images klasöründeki bulunan tüm resimlerin Repeater nesnesinde gösterimini sağlayacağız.


Screenshot

Şekil 1
Default.aspx.cs
using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        string[] files = Directory.GetFiles(Server.MapPath("~/images"));
        List<String> image = new List<string>(files.Count());
        string[] imagelength = { ".jpg", ".gif", ".png", ".jpeg" };
           foreach (string file in files)
        {
            for (int i = 0; i < imagelength.Length; i++)
            {
                string[] bit;
                bit = file.Split('.');
                if (imagelength[i] == "." + bit[1])
                    image.Add(String.Format("~/images/{0}", System.IO.Path.GetFileName(file)));
            }
        }
       
        Repeater1.DataSource = image;
        Repeater1.DataBind();

    }
}

Default.aspx

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

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
   
        <asp:Repeater ID="Repeater1" runat="server">
            <ItemTemplate>
                <asp:Image ID="Image" runat="server" ImageUrl='<%# Container.DataItem %>' Width="250"
                    Height="250" />
            </ItemTemplate>
        </asp:Repeater>
   
    </div>
    </form>
</body>
</html>
     
Bir makalenin daha sonuna geldik. Bir sonraki makalede görüşmek üzere. Bahadır ŞAHİN

About Bahadır Şahin

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.

0 comments:

Öne Çıkan Yayın

GridView da Seçili Satırı DetailsView da Göstermek

Merhaba arkadaşlar bu makalemizde GridView nesnesi ile birlikte DetailsView nesanesini birlikte kullanacağız. GridView da seçili satırın de...