asp:中继器引导轮播控制问题

时间:2020-07-03 22:51:45

标签: html asp.net bootstrap-4 carousel asprepeater

我在asp中使用引导轮播:转发器,滑块工作正常,我的问题是关于轮播控制,当我单击以轮播​​控制第一个记录时,它很好,但是当我在另一个上单击它时记录它只是更改了第一个记录图像,所以主要的问题是我可以导航到第一个记录中的另一个图像,但是我不能对其他记录执行操作。 这是我的代码

 <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
  <div class="carousel-inner">
    <div class="carousel-item active">
      <img class="card-img-top" src='<%#Eval("img")%>'  alt="Card image cap">
    </div>
    <div class="carousel-item">
      <img class="card-img-top" src='<%#Eval("img2")%>' alt="Card image cap">
    </div>
    <div class="carousel-item">
      <img class="card-img-top" src='<%#Eval("img3")%>' alt="Card image cap">
    </div>
       <div class="carousel-item">
      <img class="card-img-top" src='<%#Eval("img4")%>' alt="Card image cap">
    </div>
  </div>
  <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div>
这是显示我确切问题的视频 https://youtu.be/ji5lFfrXlm8

谢谢

0 个答案:

没有答案