DOT NET SOLUTIONS: Ajax SlideShowExtender in asp.net

Friday, 6 December 2013

Ajax SlideShowExtender in asp.net

Output:

Aspx Page

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>

<!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></title>

</head>

<body>

    <form id="form1" runat="server">

    <div style="width:200px">

        <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">

        </asp:ToolkitScriptManager>

         <asp:Image ID="img1"

runat="server"

              Height="150px"

              Width="200px"

              ImageUrl="~/images/pic1.jpg" />



        <asp:SlideShowExtender ID="SlideShowExtender1" runat="server"

             BehaviorID="SlideShowBehaviorID"

             TargetControlID="img1"

             SlideShowServiceMethod="GetImagesForSlide"

    AutoPlay="true"

ImageDescriptionLabelID="lblDesc"

             NextButtonID="btnNext"

             PreviousButtonID="btnPrev"

             PlayButtonID="btnPlay"

     PlayButtonText="Play"

         StopButtonText="Stop"

             Loop="true" >

       </asp:SlideShowExtender>

    </div>

     <div style="width:200px">

            /Description about the image will be shown in this Label/

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

           /Previous, Next Button to see the previous, next image and Play and stop button to start and stop the slide show /

         <asp:Button ID="btnPrev" runat="server" Text="Previous" />

         <asp:Button ID="btnPlay" runat="server" Text="" />

         <asp:Button ID="btnNext" runat="server" Text="Next" />

        </div>

</div>

    </form>

</body>

</html>

Aspx.cs Page

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

public partial class _Default : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

if (!IsPostBack)

{

}

}

[System.Web.Services.WebMethod]

[System.Web.Script.Services.ScriptMethod]

public static AjaxControlToolkit.Slide[] GetImagesForSlide()

{

AjaxControlToolkit.Slide[] imgSlide = new AjaxControlToolkit.Slide[4];

/*Provide some images for slide show*/

imgSlide[0] = new AjaxControlToolkit.Slide("images/pic1.jpg", "Flower", "Flower");

imgSlide[1] = new AjaxControlToolkit.Slide("images/pic2.jpg", "City", "Atlanta");

imgSlide[2] = new AjaxControlToolkit.Slide("images/pic3.jpg", "Picture", "Imagine");

imgSlide[3] = new AjaxControlToolkit.Slide("images/pic4.png", "Team Logo", "Logo");

return (imgSlide);

}

}

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)