title: Convert Bootstrap Carousel to ASP.Net Repeater
body: <p>I am trying to create a carousel with dynamic data using ASP.Net Repeater control.Here is what I want it to look like: </p>
  
  <p><a href="https://i.stack.imgur.com/rZLfl.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rZLfl.jpg" alt="enter image description here"></a></p>
  
  <p>The image above is accomplished with static data and I want to convert it to use dynamic data and so far here what I achieved. </p>
  
  <p><a href="https://i.stack.imgur.com/VaFBe.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VaFBe.jpg" alt="enter image description here"></a></p>
  
  <p>Here is the code for the above dynamic carousel.</p>
  
  <pre><code>    &lt;div id="myCarousel" class="carousel slide container vertical" data-ride="carousel" data-interval="false"&gt;
  
              &lt;ol class="carousel-indicators video-items"&gt;
                  &lt;asp:Repeater runat="server" ID="IndicatorRepeater"&gt;
                      &lt;ItemTemplate&gt;
                          &lt;li data-target="#myCarousel" data-slide-to="&lt;%# (Container.ItemIndex)%&gt;" class="&lt;%# (Container.ItemIndex == 0 ? "active" : "") %&gt;"&gt;&lt;/li&gt;
                      &lt;/ItemTemplate&gt;
                  &lt;/asp:Repeater&gt;
              &lt;/ol&gt;
              &lt;div class="carousel-inner" role="listbox"&gt;
                  &lt;asp:Repeater runat="server" ID="ItemRepeater"&gt;
                      &lt;ItemTemplate&gt;
                          &lt;div class="item &lt;%# (Container.ItemIndex == 0 ? "active" : "") %&gt;"&gt;
                              &lt;div class="row"&gt;
                                  &lt;div class="col-md-5 col-xs-3"&gt;
                                      &lt;a href="#" class="players" title='&lt;%# Eval("LinkDescription").ToString() %&gt;'&gt;
                                              &lt;img class="img-responsive" src="&lt;%# Eval("ImgSrc").ToString() %&gt;" alt="&lt;%# Eval("Title").ToString() %&gt;"&gt;
                                          &lt;/a&gt;
                                  &lt;/div&gt;
                                  &lt;div class="col-md-7 page-text"&gt;
                                      &lt;%# Eval("Title").ToString() %&gt;
                                      &lt;br /&gt;
                                      &lt;span&gt;Season: 2015&lt;/span&gt;
  
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="push"&gt;&lt;/div&gt;
                      &lt;/ItemTemplate&gt;
                  &lt;/asp:Repeater&gt;
  
              &lt;/div&gt;
              &lt;a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"&gt;
                  &lt;span class="glyphicon glyphicon-chevron-left" aria-hidden="true"&gt;&lt;/span&gt;
                  &lt;span class="sr-only"&gt;Previous&lt;/span&gt;
              &lt;/a&gt;
              &lt;a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"&gt;
                  &lt;span class="glyphicon glyphicon-chevron-right" aria-hidden="true"&gt;&lt;/span&gt;
                  &lt;span class="sr-only"&gt;Next&lt;/span&gt;
              &lt;/a&gt;
  
              &lt;!-- /.carousel --&gt;
  
          &lt;/div&gt;
  </code></pre>
  
  <p>Would anyone know how I can show more than one image or all image?</p>