This way
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
function GetIndex(img) {
alert(img.alt);
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:DataList ID="DataList1" runat="server">
<ItemTemplate>
<img id="img1" alt="<%#Container.ItemIndex%>" src="<%#ResolveUrl(Eval("URL").ToString()) %>"
height="130" width="130" onclick="GetIndex(this);">
</ItemTemplate>
</asp:DataList>
</div>
</form>
</body>
</html>
Namespace
using System.Data;
C#
protected void Page_Load(object sender, EventArgs e)
{
if (!this.IsPostBack)
{
DataTable dt = new DataTable();
dt.Columns.Add("URL", typeof(string));
dt.Rows.Add("~/Images/img-1.jpg");
dt.Rows.Add("~/Images/img-2.jpg");
dt.Rows.Add("~/Images/img-3.jpg");
dt.Rows.Add("~/Images/Garden.jpg");
this.DataList1.DataSource = dt;
this.DataList1.DataBind();
}
}
