Php 来自图像阵列的动态引导旋转木马

我在这里尝试的是从一个包含图像URL的数组中创建一个引导旋转木马，我看不出哪里出了问题，当前它显示为：一个图像在另一个图像上

到目前为止我的代码：

<!-- Dynamic carousel -->

<div id="mainCarousel" class="carousel slide" data-ride="carousel">

  <!-- Indicators -->
  <ol class="carousel-indicators">

    <li data-target="#mainCarousel" data-slide-to="0" class="active"></li>

    <?php

        for ($c = 1; $c <= count($p['images']); $c++) {
            echo "<li data-target=\"#mainCarousel\" data-slide-to=\"".$c++."\"></li>";
        } 

    ?>

  </ol>

  <!-- Wrapper for slides -->
  <div class="carousel-inner">

    <div class="item active">
    <?php

        for ($c = 0; $c <= count($p['images']); $c++) {
            echo "<img src=\"{$p['images'][$c]}\">";
        } 

    ?>
    </div>

  </div>

  <!-- Left and right controls -->
  <a class="left carousel-control" href="#mainCarousel" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left"></span>
    <span class="sr-only">Previous</span>
  </a>

  <a class="right carousel-control" href="#mainCarousel" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right"></span>
    <span class="sr-only">Next</span>
  </a> 
</div>

<!-- Dynamic carousel -->

---

在这部分：计数（$p['images']）是我对阵列中的图像进行计数的地方，然后从那里开始显示显示，我觉得我错过了一些小的东西，但我看不到在哪里，任何帮助都将不胜感激

基于Bootstrap版本4.0文档，它应该是

转盘项目

而不是

项目

。 此外，每个

转盘项目应该只有一个图像

 <div class="carousel-inner">
    <div class="carousel-item active">
      <img class="d-block w-100" src="..." alt="First slide">
    </div>
    <div class="carousel-item">
      <img class="d-block w-100" src="..." alt="Second slide">
    </div>
    <div class="carousel-item">
      <img class="d-block w-100" src="..." alt="Third slide">
    </div>
  </div>