Images are not showing in a slideShow?

<ajax:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"></ajax:ToolkitScriptManager>
    <table>
    <tr>

        <td>
            <asp:Image ID="Image1" runat="server" Height="300" Width="300" />

<ajax:SlideShowExtender ID="SlideShowExtender1" runat="server" TargetControlID="Image1"
                SlideShowServicePath="Slideshow.asmx" SlideShowServiceMethod="GetSlides"
                AutoPlay="true" PlayInterval="1000" Loop="true" PlayButtonID="btnPlay" StopButtonText="Stop"
                PlayButtonText="Play" NextButtonID="btnNext" PreviousButtonID="btnPrevious"
                SlideShowAnimationType="SlideRight" ScriptPath="Slideshow.asmx">
</ajax:SlideShowExtender>
             </td>
    </tr>
    <tr>
        <td colspan="3" align="center">
            <asp:Button ID="btnPrevious" runat="server" Text="<<" Font-Size="20" />
            <asp:Button ID="btnPlay" runat="server" Text="Play" Font-Size="20" />
            <asp:Button ID="btnNext" runat="server" Text=">>" Font-Size="20" />
        </td>
    </tr>
</table>

[System.Web.Services.WebMethod]
        [System.Web.Script.Services.ScriptMethod]
        public AjaxControlToolkit.Slide[] GetSlides()
        {
            string[] imagenames = System.IO.Directory.GetFiles(Server.MapPath("~/Images/"));
            AjaxControlToolkit.Slide[] photos = new AjaxControlToolkit.Slide[imagenames.Length];
            for (int i = 0; i < imagenames.Length; i++)                string[] file = imagenames[i].Split('\\');
                photos[i] = new AjaxControlToolkit.Slide("Images/" + file
            {
[file.Length - 1], file[file.Length - 1], "");
            }
            return photos;
        }