asp.net - データベースからの画像を含む画像スライダー

Question

ASP.Net 用の 3 ～ 5 個の画像の単純な画像スライダーを検索しています。これが何百もあることは知っていますが、ページのロード中にデータベースからファイル名を簡単にロードできるものを検索します。

www.urepair.de では次のように表示されます。

何か案は？

Answer 1

イージースライダーを見てください。リピーターを使用してデータをバインドします。

<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;
        }
    }