asp.net - 如何在 datalist 控件中添加滑块

Question

我想在 datalist 控件中添加滑块。

<ItemTemplate>
<img alt=""  src='Image/<%#Eval("Image") %>' /><br />
</a>
<h4><asp:Label ID="lb" runat="server" Font-Bold="True" Font-Size="12pt" Text='<%# Eval("Title") %>'></asp:Label><br />
Product Code: <span><%# Eval("product_code") %></span></h4>
<span ><del>&#2352;</del><%# Eval("Our_price") %>INR</span><br />
<a href='Shopping_Cart.aspx?cart_id=<%# Eval("id") %>'>Add to Cart</a> 

现在我想添加滑块，以便所有产品都可以与图像一起滑动。

Answer 1

你的问题不清楚我的理解是你想滚动你的项目列表。给你的数据列表一个固定的大小（高度和宽度）和溢出：在 css 中滚动

style='height:400;width:500; overflow:scrolling'

Answer 2

我知道您可以动态执行此操作。您可以在数据列表中使用图像滑块，如下所示：

<div id="box">

<div id="slider">
    <div class="slider">

        <ul>
            <asp:DataList ID="DataList1" runat="server" RepeatColumns="7" RepeatDirection="Horizontal">
                <ItemTemplate>
                    <li><a href="#"><img src='<%#Eval("Path") %>' alt="" width="272" height="170" runat="server"/></a></li>
                </ItemTemplate>

            </asp:DataList> 

        </ul>

    </div>

    <div class="sliderButon">
    <a href="#" class="onceki">Previous</a>
    <a href="#" class="sonraki">Next</a>
    </div>
</div>
</div>