ajax中SlideShowExtender控件的使用方法讲解

ajax中的SlideShowExtender控件可以实现幻灯片的图片效果,如果你使用C#编程,那么可以参考"微软Ajax.SlideShowExtender控件使用详解（转自：http://www.chinaaspx.com/comm/dotnetbbs/Showtopic.aspx?Forum_ID=5&Id=283946）"这位大哥写的文章,如果你是用VB.net的话,那么请好好看我写的这,或许对你有帮助.如果在百度上搜其用法的话,大多数网上的文章不是转抄微软演示网站的那几行说明文字，就是给个示例，然后说自己用这个控件做出来了轮换的功能，炫耀一番，没有一个是教别人具体的使用方法的。好了,下面是正经的.

 

1.先建一个ajax控件网站,在自己电脑上建最好,在网站根目录下建一个images文件夹,用于存放轮换的图片.我放了三张图片

2.新建一个default.aspx文件,其实你建网站时VS2005会自动建一个同名的文件,不用自己建..

3.在default.aspx页中需要添加一个image控件,一个SlideShowExtender控件,无需实现太多的功能,只要能自动播放就可,只要这个功能实现了,其它的一下就实现了,我的SlideShowExtender控件属性设置如下:

<ajaxToolkit:SlideShowExtender ID="SlideShowExtender1" runat="server" TargetControlID="Image1" SlideShowServiceMethod="GetSlides" AutoPlay="true"  PlayInterval="1000" Loop="true" >
</ajaxToolkit:SlideShowExtender>

4.然后打开default.aspx的代码设计页面,增加下面的代码:

Partial Class _Default
    Inherits System.Web.UI.Page

    <System.Web.Services.WebMethod()> _
    <System.Web.Script.Services.ScriptMethod()> _
    Public Shared Function GetSlides() As AjaxControlToolkit.Slide()
        Return New AjaxControlToolkit.Slide() { _
        New AjaxControlToolkit.Slide("Images/1.jpg", "图片01的标题", "图片01的说明"), _
        New AjaxControlToolkit.Slide("Images/2.jpg", "图片02的标题", "图片02的说明"), _
        New AjaxControlToolkit.Slide("Images/3.jpg", "图片03的标题", "图片03的说明")}
    End Function

红色字体部分是增加的代码,大家特别需要注意的是此代码如果不用续行符的话那么就必须得写在一行上,不然代码会出错.

好了,大家在浏览器中试一下是不是可以用了..

 

如果是C#的,default.aspx的界面代码同上,只是代码设计页面里的代码不同而已,具体代码如下:

using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class ce : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }

    [System.Web.Services.WebMethod]
    [System.Web.Script.Services.ScriptMethod]
    public static AjaxControlToolkit.Slide[] GetSlides()
    {
    return new AjaxControlToolkit.Slide[] { 
    new AjaxControlToolkit.Slide("Images/1.jpg", "图片01的标题", "图片01的说明"),
    new AjaxControlToolkit.Slide("Images/2.jpg", "图片02的标题", "图片02的说明"),
    new AjaxControlToolkit.Slide("Images/3.jpg", "图片03的标题", "图片03的说明")};
    }
}

 

这样实现的功能和VB.net的一样

 

最后说一下,如果你要听网上一些人的说法写个web服务引用的话,那么你的好好研究了,我是没有弄出来,虽然自测服务成功,出现下面的内容:

  <?xml version="1.0" encoding="utf-8" ?>

- <ArrayOfSlide xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance[/b]" xmlns:xsd="http://www.w3.org/2001/XMLSchema[/b]" xmlns="http://tempuri.org/[/b]">

- <Slide>

  <ImagePath>Images/1.jpg</ImagePath>

  <Name>图片01的标题</Name>

  <Description>图片01的说明</Description>
  </Slide>

- <Slide>

  <ImagePath>Images/2.jpg</ImagePath>

  <Name>图片02的标题</Name>

  <Description>图片02的说明</Description>
  </Slide>

- <Slide>

  <ImagePath>Images/3.jpg</ImagePath>

  <Name>图片03的标题</Name>

  <Description>图片03的说明</Description>
  </Slide>
  </ArrayOfSlide>
但是在default.aspx页面中不论怎么弄都不显示图片,如果哪位弄出来了,告一声!!