AJAX ControlToolkit学习日志-SlideShow(26)
SlideShowExtender控件用于扩展Image控件，对其提供幻灯片播放的效果。
下面来看一个示例：
1)在VS2005中新建一个ASP.NET AJAX-Enabled Web Project项目工程，命名为SlideShowExtender1。
2)在页面上拖放一个Image控件，用于显示图片；在下面拖放一个Label，用于对显示的图片作说明；然后再拖放3个Button控件，用于控制图片显示。
代码如下：
3)然后在页面上拖放一个SlideShowExtender，并设定其属性。
代码如下：
属性说明：
ImageDescriptionLabelID：对显示的图片进行说明的Label控件。
Loop：是否为图片进行循环放映。
NextButtonID：控制显示下一张图片的按钮。
PlayButtonID：控制进行播放或停止的按钮。
PlayButtonText：当Image中的图片在放映时，PlayButtonID按钮显示的文本。
PreviousButtonID：控制显示前一张图片的按钮。
StopButtonText：当Image中的图片停止放映时，PlayButtonID按钮显示的文本。
TargetControlID：该控件的目标扩展控件。
SlideShowServiceMethod：进行幻灯片式放映时加载图片的方法。
4)按下CTRL+F5，在浏览器中查看效果。
效果图如下；
下面来看一个示例：
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
4 <asp:Label ID="Label1" runat="server" Width="82px"></asp:Label><br />
5
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 />
<br />2
<asp:Image ID="Image1" runat="server" Height="144px" Width="202px" ImageUrl="~/images/Blue hills.jpg" /><br />3
4
<asp:Label ID="Label1" runat="server" Width="82px"></asp:Label><br />5
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
<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，在浏览器中查看效果。
效果图如下；
