How to Display image Data in other panel when click on an dynamically created image

See more:

ASP.NET

Click on image button and then in side panel contrails image name and image details should display image data according to each image

Code:

EventDisplay.aspx


<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPageHeaderFooter.master" AutoEventWireup="true" CodeFile="EventsDisplay.aspx.cs" Inherits="_Default" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolderHeaderFooter" Runat="Server">

<asp:Panel ID="PanelEventsInfo" runat="server" BackColor="#996633" BorderStyle="Double" Height="50px">
<asp:Panel ID="PanelEventPhoto" runat="server" BackColor="#666633" BorderStyle="Double" Width="500px"> <asp:Image ID="ImageGetImagefromEvents" runat="server"/>	<asp:Panel ID="PanelEventsPhotoDetails" runat="server" BackColor="#666633" BorderStyle="Double" Width="500px"> Event Name : <asp:Label ID="LabelEventName" runat="server" Text=""> Event Details : <asp:Label ID="LabelEventDetails" runat="server" Text="">

EventDisplay.aspx.cs



using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Configuration;
using System.Data;
using System.Data.SqlClient;
using System.IO;
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
ImageUploads();
}
private void ImageUploads()
{
foreach (string StrFileName in Directory.GetFiles(Server.MapPath("~/Organisational Local Data/Images/")))
{
ImageButton imageButton = new ImageButton();
imageButton.CommandName = "ImageSelected";
FileInfo fileinfo = new FileInfo(StrFileName);
imageButton.ImageUrl = "~/Organisational Local Data/Images/" + fileinfo.Name;
imageButton.Width = Unit.Pixel(100);
imageButton.Height = Unit.Pixel(100);
imageButton.Style.Add("padding", "5px");
imageButton.Click += new ImageClickEventHandler(imageButton_Click);
PanelEventPhoto.Controls.Add(imageButton);
}
}
private void ImageNameandDetails(string EventNames, string EventDetail)
{
LabelEventName.Text = EventNames;
LabelEventDetails.Text = EventDetail;
}

private void imageButton_Click(object sender, ImageClickEventArgs e)
{
//ImageButton ImageBut = sender as ImageButton;
//if (ImageBut.CommandName == "1")
//{
// FileName("1.jpg");
//}
//if (ImageBut.CommandName == "ImageSelected")
//{
// FileName("2.jpg");
//}
//if (ImageBut.CommandName == "ImageSelected")
//{
// FileName("3.jpg");
//}
//if (ImageBut.CommandName == "ImageSelected")
//{
// FileName("4.jpg");
//}
//if (ImageBut.CommandName == "ImageSelected")
//{
// FileName("5.jpg");
//}
//if (ImageBut.CommandName == "ImageSelected")
//{
// FileName("6.jpg");
//}
//FileName("1.jpg");
//FileName("2.jpg");
//FileName("3.jpg");
//FileName("4.jpg");
//FileName("5.jpg");
//FileName("6.jpg");
}
private void FileName(string ImageName)
{
if (ImageName=="1.jpg")
{
FileName("1");
ImageNameandDetails("Happy Dussehra", "Holiday for 3 Days. One day Before and After the Festival.");
}
if (ImageName == "2.jpg")
{
FileName("2");
ImageNameandDetails("Happy Diwali", "Holiday for 7 Days. Three day Before and After the Festival.");
}
if (ImageName == "3.jpg")
{
FileName("3");
ImageNameandDetails("Happy Genesh Chaturthi", "Holiday for 3 Days. On First, Fifth and Ninth Day of the Festival.");
}
if (ImageName == "4.jpg")
{
FileName("4");
ImageNameandDetails("Happy Republic Day", "Holiday for 1 Days. On Festival Day Only.");
}
if (ImageName == "5.jpg")
{
FileName("5");
ImageNameandDetails("Happy Independence Day", "Holiday for 1 Days. On Festival Day Only.");
}
if (ImageName == "6.jpg")
{
FileName("6");
ImageNameandDetails("Happy Holi", "Holiday for 2 Days. On Festival Day and the Day After Only.");
}
}
}