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

如下；