如何在滑块中使用中继器

Question

我想在具有以下代码样式的滑块中使用中继器。我为活动项目和其余项目使用了 2 个中继器。在滑块的每一页中，我有 6 张图片。当我有超过 12 张图片时，我的问题就开始了（第二个转发器的内容显示在多行中）......我不知道如何处理它......考虑到我不能使用文字并生成后面代码中的滑块代码，因为我必须在转发器中使用 asp 控件，并且我不想使用超过 2 个转发器，因为我不知道我有多少数据。 （考虑每 6 个项目都放在一个带有 item 类的 div 中。

    <%--Start Slider--%>
    <div class="row-fluid">
        <div class="span12">
            <div class="container  span12">
                <div id="myCarousel2" class="carousel slide">
                    <!-- Carousel items -->
                    <div class="carousel-inner">
                        <div class="item active">
                            <div class="row text-center">
                                <asp:Repeater ID="rpSliderActive" runat="server">
                                    <ItemTemplate>
                                        <!-- ITEM-->
                                        <div class="span2">
                                            <div class="thumbnail product-item">
                                                <img src='<%# Eval("PrintTemplate_URL").ToString().Replace("~", "../..") %>'>
                                            </div>
                                            <h6><%# Eval("PrintTemplate_Desc") %></h6>
                                            <asp:LinkButton ID="LinkButton1" runat="server" class="btn btn-large btn-block"
                                                OnClick="LinkButton1_Click"
                                                ClientIDMode="Static"
                                                infoprperty='<%# string.Format("{0};{1}",Eval("PrintTemplate_ID").ToString(),Eval("PrintTemplate_URL").ToString()) %>'>انتخاب »</asp:LinkButton>

                                            <%--<a id="A1" class="btn btn-large btn-block" infoprperty="7;~/assets/img/LetterTemplates/02-2014108123656618.png" 
                                                href="javascript:__doPostBack('ctl00$ContentPlaceHolder1$rpSliderActive$ctl00$LinkButton1','')">انتخاب »</a>--%>
                                        </div>
                                        <!-- ITEM-->
                                    </ItemTemplate>
                                </asp:Repeater>
                            </div>
                        </div>
                        <asp:Panel ID="pnlSliderRest1" class="item" runat="server">
                            <div class="row text-center">

                                <asp:Repeater ID="rpSliderRest1" runat="server">
                                    <ItemTemplate>
                                        <!-- ITEM-->
                                        <div class="span2">
                                            <div class="thumbnail product-item">
                                                <img src='<%# Eval("PrintTemplate_URL").ToString().Replace("~", "../..") %>'>
                                            </div>
                                            <h6><%# Eval("PrintTemplate_Desc") %></h6>
                                            <asp:LinkButton ID="LinkButton1" runat="server" class="btn btn-large btn-block" OnClick="LinkButton1_Click"  ClientIDMode="Static"
                                                infoprperty='<%# string.Format("{0};{1}",Eval("PrintTemplate_ID").ToString(),Eval("PrintTemplate_URL").ToString()) %>'>انتخاب »</asp:LinkButton>
                                        </div>
                                        <!-- ITEM-->
                                    </ItemTemplate>
                                </asp:Repeater>

                            </div>
                        </asp:Panel>                                                       
                    </div>
                    <!-- /INNER-->
                    <!-- Carousel nav -->
                    <a class="carousel-control left" href="#myCarousel2" data-slide="prev"><i class="icon-chevron-left"></i></a>
                    <a class="carousel-control right" href="#myCarousel2" data-slide="next"><i class="icon-chevron-right"></i></a>
                </div>
            </div>
        </div>
    </div>
    <%--End Slider--%>

Answer 1

<div class="slideshow" data-transition="crossfade" data-loop="true" data-skip="false">
    <ul class="carousel">
        <asp:Repeater ID="gallery" runat="server">
            <ItemTemplate>
                <li class="slide">
                    <img src='<%# DataBinder.Eval (Container.DataItem, "ImageUrl") %>' alt="" width="440" height="200" />
                </li>
            </ItemTemplate>
        </asp:Repeater>
    </ul>
</div>