asp.net - 画像スライダー コントロールにリピーター コントロールを使用するにはどうすればよいですか?

Question

データベースからいくつかの画像を取得し、その画像を画像スライダーに表示します。そのためにリピーター制御を使いたい。画像スライダーのリピーターを簡単に活用する方法を教えてください。

Answer 1

スライダーのリピーターを実装する方法は次のとおりです。

    <!--Your repeater with the <img /> tags for your slider (can be <li><img /></li> or other pattern)-->
    <asp:Repeater ID="RptImages" runat="server" DataSourceID="SqlDataSourceMention">
        <ItemTemplate>
            <img src='<%# Eval("ImgPath") %>' alt="image-slider" />
        </ItemTemplate>
    </asp:Repeater>

    <!--Your data source using stored procedure for this sample-->
    <!--The "ConnectionString" attribute is set in your web.config file-->
    <asp:SqlDataSource ID="SqlDataSourceImages" runat="server" ConnectionString="<%$ ConnectionStrings:YourconnectionString %>"
        SelectCommand="YourStoredProcedureName" SelectCommandType="StoredProcedure"></asp:SqlDataSource>

これにより、ストアド プロシージャの結果の「ImgPath」列にバインドされた src 属性を持つタグのリストが出力されます。