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，在浏览器中查看效果。

效果图如下；