How to use JQueryLightBox in ASP.NET

public partial class JQueryLightBoxExample : System.Web.UI.Page
{
SqlConnection conn;
SqlCommand cmd;
DataTable dataTable;
SqlDataAdapter sqlAdapter;

protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
GetImagesFromDatabase();
}
}

public void GetImagesFromDatabase()
{
conn = new SqlConnection();
conn.ConnectionString = "Data Source=RAJ-PC\\;Initial Catalog=ModelingCorner;Integrated Security=True";
if (conn.State == ConnectionState.Closed)
conn.Open();
cmd = new SqlCommand();
cmd.CommandText = "Select top 5 * from tbl_Rep_Profile";
cmd.CommandType = CommandType.Text;
cmd.Connection = conn;
dataTable = new DataTable();
sqlAdapter = new SqlDataAdapter();
sqlAdapter.SelectCommand = cmd;
sqlAdapter.Fill(dataTable);
FeaturedList.DataSource = dataTable.DefaultView;
FeaturedList.DataBind();
}

public string getHREF(object sURL)
{
DataRowView dRView = (DataRowView)sURL;
return ResolveUrl("~/Rep_Images/" + dRView["UserId"].ToString() + "/" + dRView["Rep_Id"].ToString() + "/" + "Real" + "/" + dRView["Rep_Img_Name"].ToString());
}

public string getSRC(object imgSRC)
{
DataRowView dRView = (DataRowView)imgSRC;
return ResolveUrl("~/Rep_Images/" + dRView["UserId"].ToString() + "/" + dRView["Rep_Id"].ToString() + "/" + "Thumbnail" + "/" + "M" + "/" + dRView["Rep_Img_Name"].ToString());
}
}

Now run the application:

Image 1.

When you click on an image then the picture will expand. When you roll over on top of image then you can see PREV and NEXT, Image Title, Image Counting and Close button.

Image 2.

Image 3.

I have attached javascript files and .css files. Write a comment if you have any questions or comments.