SlideShow(扩展Image实现幻灯片)控件

本文介绍了一个使用 ASP.NET AJAX 控件库中 SlideShowExtender 的示例,通过简单的 HTML 和 C# 代码实现了一个轮播图效果,演示了如何通过 WebMethod 获取图片和描述数据。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

    <script runat="Server" type="text/C#">
        [System.Web.Services.WebMethod]
        [System.Web.Script.Services.ScriptMethod]
        public static AjaxControlToolkit.Slide[] GetSlides()
        
{
            
return new AjaxControlToolkit.Slide[] 
            
new AjaxControlToolkit.Slide("images/Blue hills.jpg""Blue Hills""Go Blue"),
            
new AjaxControlToolkit.Slide("images/Sunset.jpg""Sunset""Setting sun"),
            
new AjaxControlToolkit.Slide("images/Winter.jpg""Winter""Wintery"),
            
new AjaxControlToolkit.Slide("images/Water lilies.jpg""Water lillies""Lillies in the water"),
            
new AjaxControlToolkit.Slide("images/VerticalPicture.jpg""Sedona""Portrait style picture")}
;
        }

    
</script>
<div class="demoarea">
        
<div class="demoheading">
            SlideShow Demonstration
</div>
        
<br />
        
<br />
        
<ajaxToolkit:ToolkitScriptManager ID="ScriptManager1" runat="server" />
        
<div style="text-align:center">
            
<asp:Label runat="Server" ID="imageTitle" CssClass="slideTitle"/><br />
            
<asp:Image ID="Image1" runat="server" 
                Height
="300"
                Style
="border: 1px solid black;width:auto" 
                ImageUrl
="~/SlideShow/images/Blue hills.jpg"
                AlternateText
="Blue Hills image" />
            
<asp:Label runat="server" ID="imageDescription" CssClass="slideDescription"></asp:Label><br /><br />
            
<asp:Button runat="Server" ID="prevButton" Text="Prev" Font-Size="Larger" />
            
<asp:Button runat="Server" ID="playButton" Text="Play" Font-Size="Larger" />
            
<asp:Button runat="Server" ID="nextButton" Text="Next" Font-Size="Larger" />
            
<ajaxToolkit:SlideShowExtender ID="slideshowextend1" runat="server" 
                TargetControlID
="Image1"
                SlideShowServiceMethod
="GetSlides" 
                AutoPlay
="true" 
                ImageTitleLabelID
="imageTitle"
                ImageDescriptionLabelID
="imageDescription"
                NextButtonID
="nextButton" 
                PlayButtonText
="Play" 
                StopButtonText
="Stop"
                PreviousButtonID
="prevButton" 
                PlayButtonID
="playButton" 
                Loop
="true" />
        
</div>
    
</div>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值