Slideshow extender(ajax)

Asked By pavithra subbareddy

17-Dec-09 02:02 AM

Earn up to 0 extra points for answering this tough question.

Hi friends,

Iam working with ajax.i doing slideshow extender tool,it is not correctly working.please provide me a correct coding.its urgent...

Re - Slideshow extender(ajax)

Lalit M. replied to pavithra subbareddy

17-Dec-09 02:13 AM

Reply

Try this code sample

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="SlideShow.aspx.cs" Inherits="SlideShow" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>SlideShow</title>

    <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[5];
            slides[0] = new AjaxControlToolkit.Slide("images/Image1.jpg", "First image of my album", "First Image");
            slides[1] = new AjaxControlToolkit.Slide("images/Image2.jpg", "Second image of my album", "Second Image");
            slides[2] = new AjaxControlToolkit.Slide("images/Image3.jpg", "Third image of my album", "Third Image");
            slides[3] = new AjaxControlToolkit.Slide("images/Image4.jpg", "Fourth image of my album", "Fourth Image");
            slides[4] = new AjaxControlToolkit.Slide("images/Image5.jpg", "Fifth image of my album", "Fifth Image");
            return (slides);
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <table width="400px" align="center" height="350px" bgcolor="silver">
            <tr align="center">
                <td>
                    <asp:ScriptManager ID="ScriptManager2" runat="server" />
                    <asp:Label ID="lableImageDetail" runat="server" ForeColor="#000000" />
                </td>
            </tr>
            <tr align="center">
                <td>
                    <asp:Image runat="server" ID="image1" Height="250" Width="300" />
                </td>
            </tr>
            <tr align="center">
                <td>
                    <asp:Button ID="buttonPrev" runat="Server" Text="Previous" Width="80px" />
                    <asp:Button ID="buttonPlay" runat="server" Text="Play" Width="80px" />
                    <asp:Button ID="buttonNext" runat="Server" Text="Next" Width="80px" />
                </td>
            </tr>
        </table>

        <ajaxToolkit:SlideShowExtender ID="slideShowExtender1" runat="Server" TargetControlID="image1"
ImageDescriptionLabelID="lableImageDetail" Loop="true" AutoPlay="true" StopButtonText="Stop"
PlayButtonText="Play" NextButtonID="buttonNext" PreviousButtonID="buttonPrev"
PlayButtonID="buttonPlay" SlideShowServiceMethod="GetSlides" />
    </form>
</body>
</html>

reference link
You can download code sample or video demo from this link

Slideshow

mv ark replied to pavithra subbareddy

17-Dec-09 03:24 AM

Reply

For a lightweight option to run a AJAX slideshow, consider using a jQuery slideshow plugin like "Cycle" along with a Generic HTTP Handler (.ashx) to fetch image path from the database -
http://jonraasch.com/blog/a-simple-jquery-slideshow
http://www.eggheadcafe.com/tutorials/aspnet/b8381915-06d9-4538-b4bb-5ac2a8e73f34/implementing-continuous-s.aspx (contains a code sample on writing a generic HTTP Handler)

There are other jQuery plugins as well that make it easy to build a slideshow -
http://speckyboy.com/2009/06/03/15-amazing-jquery-image-galleryslideshow-plugins-and-tutorials/

If you would like stick with Slideshow extender, let us know the error that you currently see.

re: Slideshow extender(ajax)

eliza sahoo replied to pavithra subbareddy

10-Feb-10 04:29 AM

Reply

In ASP.NET AJAX Control toolkit there is an extender known as SlideShowExtender. This can be used to create a Slide show by looping through the images. The images are shown in the SlideShow by using a PageMethod or a Webservice.

http://www.mindfiresolutions.com/