How to add image gallery slider in asp.net page

Question

How to add image gallery slider in asp.net page 'multiple image in single co rousel set'

Amit Kumar · Answer

Hi dear, Please use it I hope you will get the solution the of your problem. The jQuery jCarousel makes use of HTML UL and LI tags to create the carousel image gallery. $(function () { $('#mycarousel').jcarousel(); }); ' /> using System.Data; protected void Page_Load(object sender, EventArgs e) { DataTable dt = new DataTable(); dt.Columns.AddRange(new DataColumn[1] { new DataColumn("ImageUrl") }); dt.Rows.Add("http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg"); dt.Rows.Add("http://static.flickr.com/75/199481072_b4a0d09597_s.jpg"); dt.Rows.Add("http://static.flickr.com/57/199481087_33ae73a8de_s.jpg"); dt.Rows.Add("http://static.flickr.com/77/199481108_4359e6b971_s.jpg"); dt.Rows.Add("http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg"); dt.Rows.Add("http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg"); dt.Rows.Add("http://static.flickr.com/58/199481218_264ce20da0_s.jpg"); dt.Rows.Add("http://static.flickr.com/69/199481255_fdfe885f87_s.jpg"); dt.Rows.Add("http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg"); dt.Rows.Add("http://static.flickr.com/70/229228324_08223b70fa_s.jpg"); rptImages.DataSource = dt; rptImages.DataBind(); } For more details please follows the below link http://www.aspsnippets.com/Articles/Implement-Image-Slider-using-jQuery-in-ASPNet.aspx

Jayesh shukla · Answer

$(function () { $('#mycarousel').jcarousel(); }); ' /> using System.Data; protected void Page_Load(object sender, EventArgs e) { DataTable dt = new DataTable(); dt.Columns.AddRange(new DataColumn[1] { new DataColumn("ImageUrl") }); dt.Rows.Add("http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg"); dt.Rows.Add("http://static.flickr.com/75/199481072_b4a0d09597_s.jpg"); dt.Rows.Add("http://static.flickr.com/57/199481087_33ae73a8de_s.jpg"); dt.Rows.Add("http://static.flickr.com/77/199481108_4359e6b971_s.jpg"); dt.Rows.Add("http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg"); dt.Rows.Add("http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg"); dt.Rows.Add("http://static.flickr.com/58/199481218_264ce20da0_s.jpg"); dt.Rows.Add("http://static.flickr.com/69/199481255_fdfe885f87_s.jpg"); dt.Rows.Add("http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg"); dt.Rows.Add("http://static.flickr.com/70/229228324_08223b70fa_s.jpg"); rptImages.DataSource = dt; rptImages.DataBind(); } this code provide by you so please tell in this how can I use a href tag and where

Amit Kumar · Answer

Hi dear, If you satisfied from my solution then please accept my answer.

Amit Kumar · Answer

Hi dear, Use your image tag inside anchor tag like this.

Jayesh shukla · Answer

I have to add links on those images so how I can do that in image gallery slider(responsive corousel)

Amit Kumar · Answer

can you post your question again.

Jayesh shukla · Answer

can you solve my one more that I have to add links on those images so how I can do that plase tell me

Jayesh shukla · Answer

thank you very much sir

Rajeesh Menoth · Answer

Hi, You can use AdRotator and Jquery Slider Plugins.. Reference : http://www.aspsnippets.com/Articles/Implement-Image-Slider-using-jQuery-in-ASPNet.aspx http://www.c-sharpcorner.com/UploadFile/c63ec5/build-image-slider-with-Asp-Net/ http://www.c-sharpcorner.com/UploadFile/rohatash/jquery-image-slider-in-Asp-Net/ Video Reference : https://www.youtube.com/watch?v=iqAc26kzPak

Rahul Chavan · Answer

You can use Jquery plugins or you will get lots of options in Jquery sample: https://blueimp.github.io/jQuery-Image-Gallery/ ASP.Net: http://www.aspsnippets.com/Articles/Image-Gallery-using-ASP.Net-DataList-Control-Part-I---Pagination.aspx

How to add image gallery slider in asp.net page

Answers (10)