Question

此代码无法正常运行。它在每个缩略图中显示结果，而不是在单个缩略图中显示，并且不会移动。

<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>

Answer 1

<div ng-repeat="value in schema.properties">
<div id="1">
<input type="text" placeholder="{{value.name.title}}" />
</div>
<div id="2">
<input type="Number" value='{{value.age.type}}'/>
</div>
</div>

Answer 2

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

<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>

来自轮播中的foreach循环的多个图像不起作用

2 个答案: