Skip to main content
adicionou 1363 caracteres ao conteúdo
Fonte Link
Gislef
  • 271
  • 1
  • 13

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

Agradeço ajuda

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

Fonte Link
Gislef
  • 271
  • 1
  • 13

While em carrossel dinâmico

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>

Agradeço ajuda