Welcome to another AJAX tutorial, today we will be demonstrating how to use the Slideshow extender.

This example will feature the awesome and dynamic SlideShow extender and how easy it is to use with the Microsoft AJAX Control toolkit.

We will be creating a WebService, You will need 4 to 5 images of your choice Images and you will need to make an images folder.

The 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.

We will be creating a WebService, You will need 4 to 5 images of your choice Images and you will need to make an images folder.

It is extremely easy to use Visual Studio to build a new page.

  • Let’s start by adding a new WebForm to this project and name it SlideShow.aspx
  • As always add a ScriptManager to the page.
  • You will want to add an Image Control and the Slideshow extender. Remember to Set target controls.
  • We’re going to write a Webservice method for slideshow and set slideshow service method.
  • We will be creating a WebService, You will need 4 to 5 images of your choice Images and you will need to make an images folder.
  • In the WebService Method you will reference the images names, make sure to change the name to your image names in the images folder. Set the names and the display text to whatever you want.
  • This is a simple way of creating a webservice Method. If you are unclear on creating WebService methods, you can find some in our beginners section.
  • For this demonstration we used very basic styling techniques, you may style the slideshow to your liking.
  • Please refer to our source page to see how we set the properties and TargetControls.
  • To see the WebService method, you may download the source file included along with this tutorial.

And the Spectacular SlideShow should appear on your browser after pressing F5.

Thank you for reading our tutorial on AJAX Controls, We Aim to provide the best Tutorials. Learning AJAX in ASP.NET is easy and we hope you are getting your hands dirty by trying different things and coming up with your own ideas. If you have any questions or concerns, please feel free to suggest a Tutorial or you can comment below in the comments section.

Download Source Files