如何解决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>
解决方法
主要问题是您要为每张幻灯片重复生成整个指标<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>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。