Blog

  • 06 Mar 2007

AJAX SlideShow Extender

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

Açıklama

Slideshow extender resimleri slayt olarak göstermemize yarayan ajax nesnesidir. Sayfamıza ekleyecegimiz butonlar ile slaytı baslatabilir ve resimler arasında gezinebilirsiniz. Slaytı otomatik baslatabilir 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. Eger sona gelmisse yeniden ilk resme döner.

Bu kontol ile aynı windows uygulamalarındaki gibi resimleri slayt seklinde izleyebiliriz. Ayrıca we sayfalarımızda çok daha sık fotogaleriler olusturabiliriz.

Kullanımı


Özellikleri

· SlideShowServiceMethod - AjaxControlToolkit.Slide döndüren bir Web servisi çagırır. Bu web servisi resimlerin pathini ve diger 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ı baslatmak 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 basladıgında baslat butonuna verilecek olan text'in özelligi.

· StopButtonText - Slayt durduruldugunda durdur butonuna verilecek olan text'in özelligi.

· PlayInterval - Slayt için resimler arasındaki geçis süresi.

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

· Loop - Degeri True ise Resimlerin sürekli dönmesini saglayan özellikdie.

· AutoPlay - Degeri True ise Sayfa açıldıgında slayt otomatik olarak çalısır.

Kontrolümüz ile ilgili bilgileri aldıktan sonra bir örnek yapalım. Sizlerden gelen feedback'ler dogrultusunda bu makalede basit bir örnek ile konuyu pekistirecegim.

Örnek: Örnegimizde basit bir image galeri olusturup bu extender'i kullanacagız. Bunun için ilk olarak yeni bir Ajax Web Site olusturalım.



Projemizi olusturduktan sonra sayfamıza sayfamıza 3 adet buton, 1 image, 1 label ve 1 de slideshow extender'i ekleyelim.



Simdi bize resimleri saglayacak 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 kullanacagı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")};

}

Olusturdugumuz bu web servis bize Slaytta kullanacagımız resimlerin bilgilerini saglıyor. Simdi Slideshow kontrolünün özelliklerini yazalım.



Simdi bu örnegi test edelim.



Simdi ileri diyelim.



Iste çok isimize yarayacak bir kontrol daha J Bu makalenin de sonuna geldik, baska bir makalede görüsmek üzere basarı 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

Yorum (4)

  • Ünal AKSU / 25.2.2009 00:19:21

    Uygulama çok basit aynısını yaptım. Hatta samplewebsite içinden birebir aynısını aldım çalıştırdım fakat slide gösterisi başlamıyor ve buttonlar çalışmıyor

  • koray hotun / 9.7.2009 11:44:13

    Ben resimlerin yolunu veri tabanından nasıl çekebilirim vb komutlarıyla ama

  • muhammed çakmak / 8.8.2010 20:00:07

    koray For döngüsüyle döndürebilirsin verilerini mesela

  • Muhammed ÇAKMAK / 8.8.2010 20:16:38

    Çok teşekkür ederim sem abi. :) sayende slideshowextenderi kullanabiliyorum, çok sağol.

Yorum Yaz