Sümeyye Kök

Web sitesi tasarlıyoruz veya başka bir proje kapsamında slayt geçişi yapmak istedik.Aslında jquery ile çok daha iyilerini yapabilirsiniz fakat ben size önceki makalemde indirmiş olduğumuz ajaxtoolkit ini kullanarak nasıl slayt yaparız onu anlatmaya gayret edeceğim:)

öncelikle slayt ekleyeceğimiz sayfamızın Design kısmına Toolbox ımızdan bi radet Image ekliyoruz.

Daha sonra ise ajaxcontroltoolkit.dll i eklediğimizde otomatik olarak artık menülerimizde yerini almış olan ToolkitScriptManager i ekliyoruz.

yine aynı menü de yer alan Slide Show Extender ı ise sürükleyip Image in üstüne bırakıyoruz.

Şimdi gelelim en önemli kısım olan kodlara

!!!!!!!!!!yeni bir proje açtığınızda eğer bu aşamaları gerçekleştirmede sorun yaşarsanız,yani script manager a tıklıyorsunuz fakat eklemiyordur design’a .İşte bu durumda yeniden dll i import edip Solution Explorer daki projeyi refresh leyin gençler:) !!!!!!!!!!

kodlara gelince en üstü öncelikle düzenleyelim..

<%@ Register assembly=”AjaxControlToolkit” namespace=”AjaxControlToolkit” tagprefix=”asp” %>

şeklinde en üst satırlara ekliyoruz.

daha sonra:

<asp:SlideShowExtender ID=”SlideShowExtender1_SlideShowExtender”
runat=”server” TargetControlID=”Image1″
SlideShowServiceMethod=”GetSlides”
SlideShowServicePath=”Service.asmx”
PreviousButtonID=”Button1″
PlayButtonID=”Button2″
NextButtonID=”Button3″
PlayButtonText=”Play”
StopButtonText=”Stop”
AutoPlay=”true”>
</asp:SlideShowExtender>
şeklinde olan kodları aynen yapıştırıyoruz fakat diyeceksiniz ki resimleri nasıl alacak.Projenin olduğu Solution Explorer da sağ tık->add new ıtem diyerek Web Service i seçiyoruz.yani projeye bir web servis ekledik.Peki Service.asmx ile oluşturduğum bu web servise ne yazmalıyım? Buyrun efendm:

(kodu biraz üst satırdan aldım.)

[System.Web.Script.Services.ScriptService]
public class Service : System.Web.Services.WebService
{

public Service()
{

//Uncomment the following line if using designed components
//InitializeComponent();
}

[WebMethod]
// [System.Web.Services.WebMethod]
[System.Web.Script.Services.ScriptMethod]
public AjaxControlToolkit.Slide[] GetSlides()
{
AjaxControlToolkit.Slide[] slides = new AjaxControlToolkit.Slide[5];
slides[0] = new AjaxControlToolkit.Slide(“resimler/slayt1.jpg”, “Image1”, “Image1”);
slides[1] = new AjaxControlToolkit.Slide(“resimler/slayt2.jpg”, “Image2”, “Image2”);
slides[2] = new AjaxControlToolkit.Slide(“resimler/slayt3.jpg”, “Image3”, “Image3”);
slides[3] = new AjaxControlToolkit.Slide(“resimler/slayt4.jpg”, “Image4”, “Image4”);
slides[4] = new AjaxControlToolkit.Slide(“resimler/slayt5.jpg”, “Image5”, “Image5”);

return (slides);
}

şeklinde  dizi tutma mantığıyla resimlerimizi yönlendiriyoruz.Yani işin mantığı web servis te yatıyor.Şimdilik bu kadar herkese kolay gelsin:)