SlideShow is an extender that targets image controls. You can provide it with buttons to hit previous, next and play. You can configure the slideshow to play automatically on render, allow it loop through the images in a round robin fashion and also set the interval for slide transitions. You can use a page method to supply images to the slide show or use a webservice. In the sample above we have provided you with a slideshow that plays automatically on render and loops around to the first picture if you hit next on the last picture and vice versa if you hit previous on the first picture. The slideshow transitions pictures after 3 seconds.

The control above is initialized with this code. The italic properties are optional:

<ajaxToolkit:SlideShowExtender ID="SlideShowExtender1" runat="server" 
    TargetControlID="Image1" 
    SlideShowServiceMethod="GetSlides" 
    AutoPlay="true" 
    ImageDescriptionLabelID="imageLabel1" 
    NextButtonID="nextButton" 
    PlayButtonText="Play" 
    StopButtonText="Stop" 
    PreviousButtonID="prevButton" 
    PlayButtonID="playButton" 
    Loop="true" /> 

• SlideShowServiceMethod - The webservice method that will be called to supply images. The signature of the method must match this:

      [System.Web.Services.WebMethod]
      [System.Web.Script.Services.ScriptMethod]
      public AjaxControlToolkit.Slide[] GetSlides() { ... }

• SlideShowServicePath - Path to the webservice that the extender will pull the images from.
• NextButtonID - ID of the button that will allow you to see the next picture.
• PlayButtonID - ID of the button that will allow you to play/stop the slideshow.
• PreviousButtonID - ID of the button that will allow you to see the previous picture.
• PlayButtonText - The text to be shown in the play button to play the slideshow.
• StopButtonText - The text to be shown in the play button to stop the slideshow.
• PlayInterval - Interval in milliseconds between slide transitions in play mode.
• ImageDescriptionLabelID - ID of Label describing current picture.
• Loop - Setting this to true will allow you to view images in a round-robin fashion.
• AutoPlay - Setting this to true will play the slideshow automatically on render.