Jquery kütüphanelerinden biri olan jCarousel plugin’i ile kaliteli slideshow’lar oluşturabilirsiniz. Makalenin devamında jquery eklentisine ait site adresinden detaya ulaşabilirsiniz.
Jquery jCarousel ile Slideshow yapma
HTML Kodları
1 | <script type="text/javascript" src="http:// ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"> |
Sanal olarak datatable oluşturmak için ve Datatable sınıfını kullanmak için System.Data namespace'ini kullanmamız gerekiyor
1 | using System.Data; |
Sayfanın Page_Load olayında alttaki kodların yazılması gerekiyor.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | 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(); } |