Building an AJAX Slide Show in ASP.net

This was almost simple, but then the image paths made plug and chug necessary until the path problem was resolved. The key is to use image paths in the web service without ~/ and without /. Instead just type the directory name and the file name.

using System;
using System.Web;
using System.Collections;
using System.Web.Services;
using System.Web.Services.Protocols;


/// <summary>
/// Summary description for WebServiceSlideShow
/// </summary>
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[System.Web.Script.Services.ScriptService()]
public class WebServiceSlideShow : System.Web.Services.WebService {

    public WebServiceSlideShow () {

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

    [WebMethod]
    public AjaxControlToolkit.Slide[] GetSlides() {
        AjaxControlToolkit.Slide[] slides;
        System.Collections.ArrayList alSlideUrls = new ArrayList();
        alSlideUrls.Add("_imgLibrary/photo1.jpg");
        alSlideUrls.Add("_imgLibrary/photo2.jpg");
        alSlideUrls.Add("_imgLibrary/photo3.jpg");
        slides = new AjaxControlToolkit.Slide[alSlideUrls.Count];
        int i = 0;
        foreach (string str in alSlideUrls)
        {
            slides[i] = new AjaxControlToolkit.Slide(str, str, str);
            i++;
        }
        return slides;
    }    
}

Here is the ASPX code:

                <div style="text-align: center">                    
                <table style="vertical-align: text-top">
                    <tr>
                        <td style="width: 278px" nowrap="noWrap" align="center">
                            <asp:Image ID="ImagePlayer" runat="server" />
                        </td>
                    </tr>
                    <tr>
                        <td nowrap="nowrap" style="width: 278px" align="center">
                            <asp:Button ID="btnBack" runat="server" Text="Back" />
                            <asp:Button ID="btnPlay" runat="server" Text="Play" />
                            <asp:Button ID="btnNext" runat="server" Text="Next" />&nbsp;
                        </td>
                    </tr>
                </table>
                </div>
                <cc1:SlideShowExtender ID="SlideShowExtender1" runat="server" TargetControlID="ImagePlayer" AutoPlay="True" Loop="True" NextButtonID="btnNext" PlayButtonID="btnPlay" PlayButtonText="Play" PreviousButtonID="btnBack" SlideShowServiceMethod="GetSlides" SlideShowServicePath="WebServiceSlideShow.asmx" StopButtonText="Pause">
                </cc1:SlideShowExtender>