Makale Özeti

Merhaba arkadaşlar, bu makalemizde ajax control toolkit’in nesnelerinden Ajax SlideShow Nesnesini ve özelliklerini ele alacağız...

Makale

Açıklama

Slideshow extender resimleri slayt olarak göstermemize yarayan ajax nesnesidir. Sayfamıza ekleyeceğimiz butonlar ile slaytı başlatabilir ve resimler arasında gezinebilirsiniz. Slaytı otomatik başlatabilir ve resimler arasında dönmek için nesnemizi konfigüre edebiliriz. Resimlerimizi göstermek için bir web servisi yada slide show için image destekleyen bir metod kullanabiliriz. Slideshow 3 sn’de bir bir sonraki resmi açar. Eğer sona gelmişse yeniden ilk resme döner…

Bu kontol ile aynı windows uygulamalarındaki gibi resimleri slayt şeklinde izleyebiliriz. Ayrıca we sayfalarımızda çok daha şık fotogaleriler oluşturabiliriz.

Kullanımı


Özellikleri

· SlideShowServiceMethod – AjaxControlToolkit.Slide döndüren bir Web servisi çağırır. Bu web servisi resimlerin pathini ve diğer bilgilerini içerir.

Örnek web servisi

[System.Web.Services.WebMethod]

[System.Web.Script.Services.ScriptMethod]

public AjaxControlToolkit.Slide[] GetSlides()

{ ... }

· SlideShowServicePath – Resimler ile ilgili bilgileri döndürecek olan web servisinin adı.

· NextButtonID – Bir sonraki resme geçmek için kullanılacak olan button’un ID’si

· PlayButtonID – Slaytı başlatmak için kullanılacak olan button’un ID’si

· PreviousButtonID - Bir önceki resme geçmek için kullanılacak olan button’un ID’si

· PlayButtonText – Slayt başladığında başlat butonuna verilecek olan text’in özelliği.

· StopButtonText - Slayt durdurulduğunda durdur butonuna verilecek olan text’in özelliği.

· PlayInterval – Slayt için resimler arasındaki geçiş süresi.

· ImageDescriptionLabelID – Resimlerin bilgilerini görüntülemek için kullanılacak olan Label’in ID’si

· Loop - Değeri True ise Resimlerin sürekli dönmesini sağlayan özellikdie.

· AutoPlay – Değeri True ise Sayfa açıldığında slayt otomatik olarak çalışır.

Kontrolümüz ile ilgili bilgileri aldıktan sonra bir örnek yapalım. Sizlerden gelen feedback’ler doğrultusunda bu makalede basit bir örnek ile konuyu pekiştireceğim.

Örnek: Örneğimizde basit bir image galeri oluşturup bu extender’i kullanacağız. Bunun için ilk olarak yeni bir Ajax Web Site oluşturalım.



Projemizi oluşturduktan sonra sayfamıza sayfamıza 3 adet buton, 1 image, 1 label ve 1 de slideshow extender’i ekleyelim.



Şimdi bize resimleri sağlayacak olan web servisini yazalım. Bunun için sayfamıza yeni bir web servisi ekleyebiliriz ama ben aynı sayfada static bir servis yazıp onu kullanacağım.

[System.Web.Services.WebMethod]

[System.Web.Script.Services.ScriptMethod]

public static AjaxControlToolkit.Slide[] GetSlides()

{

return new AjaxControlToolkit.Slide[]{

new AjaxControlToolkit.Slide("SlidePictures/1.jpg", "XP Theme 1", "XP Theme 1"),

new AjaxControlToolkit.Slide ("SlidePictures/2.jpg", "XP Theme 2", "XP Theme 2"),

new AjaxControlToolkit.Slide("SlidePictures/3.jpg", "XP Theme 3", "XP Theme 3"),

new AjaxControlToolkit.Slide("SlidePictures/4.jpg", "XP Theme 4", "XP Theme 4"),

new AjaxControlToolkit.Slide("SlidePictures/1.jpg", "XP Theme 5", "XP Theme 5")};

}

Oluşturduğumuz bu web servis bize Slaytta kullanacağımız resimlerin bilgilerini sağlıyor. Şimdi Slideshow kontrolünün özelliklerini yazalım.



Şimdi bu örneği test edelim…



Şimdi ileri diyelim…



İşte çok işimize yarayacak bir kontrol daha J Bu makalenin de sonuna geldik, başka bir makalede görüşmek üzere başarı ve iyi günler dilerim.

Not: Ajax Sample Site’daki örnekleri incelemeniz size daha farklı fikirler verecektir.

Sem GÖKSU
MCP | MCAD.NET | MCTS | ASP.NET MVP

Örnek Kodlar için mail adresimi kullanabilirsiniz
semgoksu@semgoksu.com

Kaynaklar
http://ajax.asp.net