Ajax Slide Show extender Control

Hi All,

There are times when we have to include some images in our application, like in a slide shoe manner. So far displaying a slide show in our .aspx page we can use many controls just like we can use GRIDVIEW, DATA LIST or the best option is the Ajax Slide Show Extender Control. This is so simple and easy to use and we can easily disply so many images in our pages with the auto play facility and the previous and next buttons. here is the sample code to demonstrate the Ajax Slide Show Extender control..

In this code we just need to create a getSlide() method using that we can give the image path or can supply the images. The images can be stored in the application folder or in a seprate Image folder. This getSlide() is an WEB METHOD which we can create in the aspx itself..

here is the Code of the Body part of the aspx page...

body style="text-align: center">
<form id="form1" runat="server">

<h2 style="text-align: center">Slide Showh2>

<asp:ScriptManager ID="ScriptManager1" runat="server" />
<div style="text-align: center">


<script runat="Server" type="text/C#">
[System.Web.Services.WebMethod]
[System.Web.Script.Services.ScriptMethod]
public static AjaxControlToolkit.Slide[] GetSlides()
{
AjaxControlToolkit.Slide[] slides = new AjaxControlToolkit.Slide[8];

slides[0] = new AjaxControlToolkit.Slide("images/VaioX_Wallpaper.jpg", "Vaio", "Sony");
slides[1] = new AjaxControlToolkit.Slide("images/av1.jpg", "Avtaar", "The Movie");
slides[2] = new AjaxControlToolkit.Slide("images/Avatar Wallpapers james cameron 08.jpg", "Avtaar", "The Planes");
slides[3] = new AjaxControlToolkit.Slide("images/chaman.jpg", "Bhains", "The Poem");
slides[4] = new AjaxControlToolkit.Slide("images/Default_Avtaar.jpg", "Avtaar", "The Real Man");
slides[5] = new AjaxControlToolkit.Slide("images/Dream Car.jpg", "Car", "The Dream Car");
slides[6] = new AjaxControlToolkit.Slide("images/Dream Car1.jpg", "Car", "The Dream Car Again");
slides[7] = new AjaxControlToolkit.Slide("images/our-story.jpg", "We the people", "The Story");
return(slides);
}
script>

&nbsp; &nbsp;<br />
<br />

<asp:Image ID="Image1" runat="server" Height="316px" Width="388px" /><br />
<br />

<asp:Label ID="lblImageDescription" runat="server" /><br />
<br />


<asp:Button ID="Btn_Previous" runat="server" Text="Previous" />
<asp:Button ID="Btn_Next" runat="server" Text="Next" Width="64px" /><br />
<br />
<asp:Button ID="Btn_Play" runat="server" Text="Play" /><br />


<cc1:SlideShowExtender ID="SlideShowExtender1"
AutoPlay="true" ImageDescriptionLabelID="lblImageDescription"
Loop="true" NextButtonID="Btn_Next" PlayButtonID="Btn_Play"
PlayButtonText="Play" PreviousButtonID="Btn_Previous"
SlideShowServiceMethod="GetSlides" StopButtonText="Stop"
TargetControlID="Image1" runat="server">
cc1:SlideShowExtender>
div>
form>
body>

This is all we need to put in the aspx page and the slide show is ready, hope this will help you out. In case of any problem you can post your problem as comment... Waiting for your comments...........

Thanks
Anil Kumar Pandey
System Architect, MVP
Mumbai, Maharshtra