Estou tentando exibir as imagens no carrousel Bootstrap com o while.
Consigo acessar o array com todas urls, mas não estou conseguindo inserir na tag img no while, tentei while com foreach para exibir as imagens mas não esta funcionando.
Já os indicadores estão exibindo corretamente mas com um indicador a mais, como faço pra não contar o 0
?
<?php
$this_post_id = get_the_ID();
$urls =get_post_meta($this_post_id,'my-images', true);
$totalUrls = count($urls);//conta urls no array
$number = 0;
?>
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<?php while($number <= $totalUrls){ ?>
<li data-target="#myCarousel" data-slide-to="<?php echo $number++; ?>"></li>
<?php } ?>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<?php
while($number <= $totalUrls){
foreach($urls as $url){
?>
<div class="item active"> // como deixar classe active apenas na imagem ativa
<img src="<?php echo $url;?>" class="img-responsive" />
<div class="carousel-caption">
...
</div>
</div>
<?php $number++
} //end foreach
} //end while
?>
</div>
Atualizado
<?php
$this_post_id = get_the_ID();
$urls =get_post_meta($this_post_id,'my-image-for-post', true);
$totalUrls = count($urls);//count urls in array
$number = 0;
?>
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<?php while($number < $totalUrls){ ?>
<li data-target="#myCarousel" data-slide-to="<?php echo $number++; ?>"></li>
<?php } ?>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<?php foreach($urls as $url){ ?>
<div class="item active">
<img src="<?php echo $url;?>" class="img-responsive" />
<div class="carousel-caption">
...
</div>
</div>
<?php } ?>
Com ajuda do usuario Anderson Carlos Woss,
Corrigi a condicional para: enquanto $number ser <
que $totalUrls, isso corrigiu o problema nos indicadores.
Deixei o while apenas nos indicadores, o foreach para exibir as imagens e consigo ver todas imagens lá se tiverem todas com a classe active
na <div class="item active">
Como faço para deixar apenas 1 imagem com a classe active dentro do foreach?
Agradeço ajuda
while
eforeach
, você estaria percorrendo a lista duas vezes, isso se o valor de$number
estivesse correto, que não me parece. No primeirowhile
, você incrementa o valor de$number
, então no segundowhile
,$number
já chega com um valor superior à$totalUrls
, não entrando no laço. Comece tentando tirar o segundowhile
.