php引导轮播指标答案

【问题标题】：php bootstrap carousel indicatorsphp引导轮播指标
【发布时间】：2020-12-11 06:28:21
【问题描述】：

我在这里阅读了放置 php 代码以创建引导轮播的解决方案：

但是我的指标有点麻烦，如果我把php代码放在那里，只会出现1个指标。我希望在我的数据库中显示尽可能多的指标。

希望有人能提供帮助。

我现在的代码只是指标的非 php 代码，我最后总是只有 1 个指标。

<!-- Wrapper for slides -->
<div class="carousel-inner">
  <?php
    $counter = 1;
    foreach($images->results() as $image){
  ?>
                    
  <div class="item<?php if($counter <= 1){echo " active"; } ?>">
    <img class="carouselimg" src="<?php echo $image->url; ?>" alt="<?php echo $image->description; ?>">
  </div>
                    
  <!-- Indicators --> //This is what I can't find
  <ol class="carousel-indicators">
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
    //also tried <li data-target="#myCarousel" data-slide-to=<?php echo $counter-1;?> class=<?php if($counter <= 1){echo '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>
                    
                    <?php
                        $counter++;
                        }
                    ?>
                </div>

【问题讨论】：

如果您不显示代码，我们无法帮助您解决代码中的问题 :) 请查看如何使用您的相关代码创建 minimal,reproducible example，以便我们能够提供帮助。
现在添加了代码，虽然它在链接中
Stack Overflow 上的问题必须是独立的，并且在问题本身中包含所有相关信息。另外，“我尝试了一些东西”那些东西是什么？您需要向我们提供所有相关信息，以便我们提供帮助，并且不要建议您已经尝试过的相同事情。
只能说我只有这段代码，不知道怎么做，在网上也找不到（谷歌搜索，堆栈溢出）。我认为我已经尝试了什么并不重要，这显然是错误的，因为它不起作用。

标签： php bootstrap-4 carousel indicator

【解决方案1】：

主要问题是您为每张幻灯片重复生成整个指标<ol>。您应该只生成一次<ol>，并在其中为每张幻灯片生成一个<li>：

<!-- Wrapper for slides -->
<div class="carousel-inner">
<?php
    // Carousel items:

    $counter = 1;
    foreach($images->results() as $image){
?>
                                        
    <div class="item<?php if($counter <= 1){echo " active"; } ?>">
        <img class="carouselimg" src="<?php echo $image->url; ?>" alt="<?php echo $image->description; ?>">
    </div>
<?php
        $counter++;
    }
?>
    <!-- Indicators --> //This is what I can't find
    <ol class="carousel-indicators">
<?php

    $counter = 1;
    foreach($images->results() as $image){
?>
        <li data-target="#myCarousel" data-slide-to="<?= $counter ?>" <?php if ($counter==1){ ?>class="active"<?php } ?>></li>
    </ol>
                                        
<?php
        $counter++;
    }
?>
</div>

【讨论】：

好吧，现在说得通了，是的，就是这样。所以我走在了正确的轨道上，只是忘了为指标设置第二个计数器。