图像滑块与数据库中的图像

时间:2012-10-29 16:29:38

标签: asp.net image slider

我正在为ASP.Net搜索一个简单的图像滑块3到5个图像。 我知道有这方面的内容,但我搜索的东西,我可以在加载页面时轻松地从数据库加载文件名。

它应该在www.urepair.de

上看起来像这样

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

查看Easy slider。使用转发器绑定数据:

<asp:Repeater ID="rptrSlider" OnItemDataBound="rptrSlider_ItemDataBound" runat="server">
    <HeaderTemplate>
        <ul>
    </HeaderTemplate>
    <ItemTemplate>
        <li>
            <a href="<%# Eval("YourNavigateUrl") %>">
                <asp:Image ID="imgSliderItem" runat="server" />
            </a>
        </li>
    </ItemTemplate>
    <FooterTemplate>
        </ul>
    </FooterTemplate>
</asp:Repeater>

在C#代码中使用ItemDataBound事件:

protected void rptrSlider_ItemDataBound(object sender, RepeaterItemEventArgs e)
{
        if (e.Item.ItemType == ListItemType.AlternatingItem || e.Item.ItemType == ListItemType.Item)
        {
            YourSliderItem sliderItem = (YourSliderItem)e.Item.DataItem;
            Image imgSliderItem = e.Item.FindControl("imgSliderItem") as Image;
            imgSliderItem.AlternateText = sliderItem.AltText;
            imgSliderItem.ImageUrl = sliderItem.ImgUrl;
        }
    }