C# 带转发器的引导转盘一次显示所有幻灯片

所有图片同时显示并垂直堆叠。在旋转木马控件中单击“下一步”或“上一步”时，旋转木马将正确显示。 我错过什么了吗

<div id="myCarousel" class="carousel slide" data-ride="carousel">
 <div class="carousel-inner" role="listbox">


  <!-- Wrapper for slides --> 
    <asp:Repeater ID="images" runat="server">
  <AlternatingItemTemplate>        
    <div class="item active">
        <img src="<%#     Eval("file_path").ToString() %>"/>       
     </div>
  </AlternatingItemTemplate>

  <ItemTemplate>
   <div class="item">
    <img src="<%# Eval("file_path").ToString() %>"/>   
 </div>
</ItemTemplate>
  </asp:Repeater>



 <!-- Left and right controls -->
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></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"></span>
<span class="sr-only">Next</span>
</a>

 </div>
  </div>

---

非常感谢您的帮助。

只有旋转木马中的第一个项目应具有“活动”类。 在您的示例中，所有交替项都具有此类，这会导致旋转木马垂直堆叠它们

<ItemTemplate>
  <div class="item <%# (Container.ItemIndex == 0 ? "active" : "") %>">
   <img src="<%# Eval("file_path").ToString() %>"/>
  </div>
</ItemTemplate>

"/>

Chrome中的Ctrl+Shift+I将为您提供一些见解。但看起来您缺少了一些CSS。

<ItemTemplate>
  <div class="item <%# (Container.ItemIndex == 0 ? "active" : "") %>">
   <img src="<%# Eval("file_path").ToString() %>"/>
  </div>
</ItemTemplate>