Jquery 将引导转盘转换为ASP.Net中继器

我正在尝试使用ASP.Net Repeater控件创建包含动态数据的旋转木马。以下是我希望它的外观：

上面的图像是用静态数据完成的，我想将其转换为使用动态数据，到目前为止，我已经实现了这一点

下面是上述动态转盘的代码

    <div id="myCarousel" class="carousel slide container vertical" data-ride="carousel" data-interval="false">

            <ol class="carousel-indicators video-items">
                <asp:Repeater runat="server" ID="IndicatorRepeater">
                    <ItemTemplate>
                        <li data-target="#myCarousel" data-slide-to="<%# (Container.ItemIndex)%>" class="<%# (Container.ItemIndex == 0 ? "active" : "") %>"></li>
                    </ItemTemplate>
                </asp:Repeater>
            </ol>
            <div class="carousel-inner" role="listbox">
                <asp:Repeater runat="server" ID="ItemRepeater">
                    <ItemTemplate>
                        <div class="item <%# (Container.ItemIndex == 0 ? "active" : "") %>">
                            <div class="row">
                                <div class="col-md-5 col-xs-3">
                                    <a href="#" class="players" title='<%# Eval("LinkDescription").ToString() %>'>
                                            <img class="img-responsive" src="<%# Eval("ImgSrc").ToString() %>" alt="<%# Eval("Title").ToString() %>">
                                        </a>
                                </div>
                                <div class="col-md-7 page-text">
                                    <%# Eval("Title").ToString() %>
                                    <br />
                                    <span>Season: 2015</span>

                                </div>
                            </div>
                        </div>
                        <div class="push"></div>
                    </ItemTemplate>
                </asp:Repeater>

            </div>
            <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>

            <!-- /.carousel -->

        </div>

季节：2015

---

有人知道我如何显示多个图像或所有图像吗？

我最终解决了这个问题，用这样的ol元素包装ASP.Net Repeater

      <div class="carousel-inner">                                           
                    <ol>                        
                            <asp:Repeater runat="server" ID="ItemRepeater">
                                <ItemTemplate>
                                    <div class="item <%# (Container.ItemIndex == 0 ? "active" : "") %>">
                                        <div class="row">
                                            <div class="col-md-5 col-xs-3">
                                                <img class="img-responsive" src="<%# Eval("ImgSrc").ToString() %>" alt="<%# Eval("Title").ToString() %>">
                                            </div>
                                            <div class="col-md-7 page-text">
                                                <%# Eval("Title").ToString() %>
                                                <br />
                                                <span>Season: 2015</span>
                                            </div>
                                        </div>
                                        <div class="push"></div>
                                    </div>
                                </ItemTemplate>
                            </asp:Repeater>

                    </ol>             
                </div>

“alt=”“>


季节：2015

数据幻灯片仍然存在问题，无法正常工作，但至少显示了滑块图像。

使用带

2个中继器的ASCX控件

？