carousel中来自foreach循环的多个图像不起作用 - Multiple images from foreach loop in carousel doesn't work

Multiple images from foreach loop in carousel doesn't work

此代码不能正常工作。它在每个缩略图中显示结果，而不是在单个缩略图中显示，并且不移动。

<div id="myCarousel" class="carousel slide" data-ride="carousel">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
    <li data-target="#myCarousel" data-slide-to="1"></li>
    <li data-target="#myCarousel" data-slide-to="2"></li>
    <li data-target="#myCarousel" data-slide-to="3"></li>
  </ol>
  <!-- Wrapper for slides -->
  <div class="carousel-inner" role="listbox">
    <div class="item active">                            
      <ul class="thumbnails">                           
        <li class="span2">
          <?php foreach ($oneimg->result() as $oneimg):?> 
          <div class="thumbnail">
            <img src="<?php echo HTTP_IMAGES_PATH_UPLOADIMAGE; ?><?php echo $oneimg->images ?>" 
                 alt=""  class="img-responsive" style="height:180px; width:100%"/>                                      
          </div>
          <?php  endforeach;   ?> 
        </li>                                     
      </ul>          
    </div>
  </div>
</div>

<?php
    foreach ($oneimg as $oneimg_new)
    {
        ?>
        <div class="thumbnail">
            <img src="<?php echo HTTP_IMAGES_PATH_UPLOADIMAGE; ?><?php echo $oneimg_new['images']?>"
                 alt=""  class="img-responsive" style="height:180px; width:100%"/>
        </div>
    <?php
    }
?>

谢谢大家的回答但我已经解决了它，它工作完美，这是解决方案

<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
  <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
  <li data-target="#myCarousel" data-slide-to="1"></li>
  <li data-target="#myCarousel" data-slide-to="2"></li>
  <li data-target="#myCarousel" data-slide-to="3"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
   <?php $i = 1; ?>
        <?php foreach ($oneimg->result_array() as $oneimg): ?>
        <?php $item_class = ($i == 1) ? 'item active' : 'item'; ?>
            <div class="<?php echo $item_class; ?>">
                  <a href="#">
                            <img src="<?php echo HTTP_IMAGES_PATH_UPLOADIMAGE; ?><?php echo $oneimg['images']; ?>" 
                                alt=""  class="img-responsive" style="height:400px; width:100%" />
                  </a>
            </div>
        <?php $i++; ?>
    <?php endforeach; ?> 
</div>
<!-- Left and right controls -->
<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>