AJAX ControlToolkit学习日志-SlideShow(26)

         SlideShowExtender控件用于扩展Image控件，对其提供幻灯片播放的效果。

下面来看一个示例：

1)在VS2005中新建一个ASP.NET AJAX-Enabled Web Project项目工程，命名为SlideShowExtender1。

2)在页面上拖放一个Image控件，用于显示图片；在下面拖放一个Label，用于对显示的图片作说明；然后再拖放3个Button控件，用于控制图片显示。

代码如下：

1        <br />
2        <asp:Image ID="Image1" runat="server" Height="144px" Width="202px" ImageUrl="~/images/Blue hills.jpg" /><br />
3        &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;
4        <asp:Label ID="Label1" runat="server" Width="82px"></asp:Label><br />
5        &nbsp;&nbsp;
6        <asp:Button ID="Button1" runat="server" Text="Prev" />
7        <asp:Button ID="Button2" runat="server" />
8        <asp:Button ID="Button3" runat="server" Text="Next" /><br />
9        <br />

3)然后在页面上拖放一个SlideShowExtender，并设定其属性。

代码如下：

1        <cc1:slideshowextender id="SlideShowExtender1" runat="server" imagedescriptionlabelid="Label1"
2            loop="True" nextbuttonid="Button3" playbuttonid="Button2" playbuttontext="Play"
3            previousbuttonid="Button1" stopbuttontext="Stop" targetcontrolid="Image1" SlideShowServiceMethod="GetSlides" AutoPlay="True"></cc1:slideshowextender>
4

属性说明：

      ImageDescriptionLabelID：对显示的图片进行说明的Label控件。
      Loop：是否为图片进行循环放映。
      NextButtonID：控制显示下一张图片的按钮。
      PlayButtonID：控制进行播放或停止的按钮。
      PlayButtonText：当Image中的图片在放映时，PlayButtonID按钮显示的文本。
      PreviousButtonID：控制显示前一张图片的按钮。
      StopButtonText：当Image中的图片停止放映时，PlayButtonID按钮显示的文本。
      TargetControlID：该控件的目标扩展控件。
      SlideShowServiceMethod：进行幻灯片式放映时加载图片的方法。

4)按下CTRL+F5，在浏览器中查看效果。

效果图如下；