Question

我想在datalist controll中添加滑块。

<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

你的问题不清楚我明白你想要滚动你的项目清单。给你的Datalist一个固定的大小（高度和宽度）和溢出：在css中滚动

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

Answer 2

我知道你可以动态地完成它。你可以使用图像滑块进入datalist，如下所示：

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

如何在datalist控件中添加滑块

2 个答案: