Here I have created sample that will help you out.
HTML
<div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
$('[id*=tblImages] td').bind('click', function () {
window.location.href = "ADID/ProductId=" + Productid;etails.aspx") %>';
});
$('[id*=ibtnImage],[id*=lbtnImage]').click(function () {
window.location.href = "AD/ProductId=" + Productid;
return false;
});
});
</script>
<asp:ListView ID="lvImages" runat="server" ItemPlaceholderID="itemPlaceHolder1">
<LayoutTemplate>
<table id="tblImages" cellpadding="0" cellspacing="0">
<tr>
<th>
Image
</th>
<th>
Image Name
</th>
</tr>
<asp:PlaceHolder runat="server" ID="itemPlaceHolder1"></asp:PlaceHolder>
</table>
</LayoutTemplate>
<ItemTemplate>
<tr>
<td>
<asp:ImageButton ID="ibtnImage" ImageUrl='<%# Eval("ImageUrl") %>' runat="server"
Height="100px" Width="100px" />
</td>
<td>
<asp:LinkButton ID="lbtnImage" Text='<%# Eval("ImageName")%>' runat="server" />
</td>
</tr>
</ItemTemplate>
</asp:ListView>
</div>
C#
protected void Page_Load(object sender, EventArgs e)
{
if (!this.IsPostBack)
{
this.BindListView();
}
}
private void BindListView()
{
DataTable dt = new DataTable();
dt.Columns.Add("ImageUrl");
dt.Columns.Add("ImageName");
dt.Rows.Add("~/Images/Chrysanthemum.jpg", "Chrysanthemum.jpg");
dt.Rows.Add("~/Images/Hydrangeas.jpg", "Hydrangeas.jpg");
dt.Rows.Add("~/Images/Jellyfish.jpg", "Jellyfish.jpg");
dt.Rows.Add("~/Images/Penguins.jpg", "Penguins.jpg");
lvImages.DataSource = dt;
lvImages.DataBind();
}
ImageDetails.aspx
<div>
Image Deails Page...
<br />
<br />
<asp:Button ID="Button1" Text="Back" runat="server" OnClientClick="window.location =document.referrer;return false;" />
</div>
ImagePage.aspx
<div>
Image Page....
<br />
<br />
<asp:Button ID="Button1" Text="Back" runat="server" OnClientClick="window.location =document.referrer;return false;" />
</div>
Screenshot