Image Gallery using ASP.Net DataList Control

Question

Hello I am doing one website in asp.net in that m bind images using datalist n i have an problem that is i want give a image pop up to the gallery page means when i click on image i want to see that image zoom like facebook images please help me... Thanks & Regards Sandhya.

Sandhya Lawande · Answer

thank you Dipankar Biswas but i want image zoom when iclick on that image and i have bind images using datalist n when i upload that images through datalist i want image view large on click..

Sandhya Lawande · Answer

thank you Dipankar Biswas but i want image zoom when iclick on that image and i have bind images using datalist n when i upload that images through datalist i want image view large on click..

Dipankar Biswas · Answer

aspx page.. Inherits=_Default %> jQuery Zoom Image on Mouse Hover ' ID=img2 data-zoom-image=' %#Eval(largeimg) %>'/> $(function () { $(#DataList1).find([id$=img2]).elevateZoom({ zoomType: inner cursor: crosshair zoomWindowFadeIn: 500 zoomWindowFadeOut: 750 }); // $(#img1).elevateZoom( {zoomType: inner // cursor: crosshair // zoomWindowFadeIn: 500 // zoomWindowFadeOut: 750 //}); }); aspx.cs page using System; using System.Collections.Generic; using System.Data; using System.Data.SqlClient; 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) { SqlConnection con = new SqlConnection(Server=SASWAT-PC\ \SQLEXPRESS;user=sa;pwd=123;Database=test); con.Open(); SqlDataAdapter da = new SqlDataAdapter(select * from xxx con); DataSet ds = new DataSet(); da.Fill(ds); DataList1.DataSource = ds; DataList1.DataBind(); } }