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(); } }

Image Gallery using ASP.Net DataList Control

Answers (3)