Soporte » Guías – Resolución de problemas » Crear un slider con imagenes de post

  • brayancardiet

    (@brayancardiet)


    buenas quiero hacer un slider con imagenes de lo post mas recientes, el problema es que lo no logro que las imagenes se coloquen en una variable , ademas el endforeach imprime cada vez que hace un ciclo el foreach

    <div class="container col-xs-8"> 
      <div id="myCarousel" class="carousel slide" data-ride="carousel">
      
      <?php 
    
      $list_post = get_posts( $args );
      foreach ($list_post as $post):
        setup_postdata( $post ); 
          
      ?>
    
        <!-- Wrapper for slides -->
        <div class="carousel-inner">
          <div class="item active">
            <img src=<?php the_post_thumbnail_url( 'medium' ); ?> alt="<?php echo get_the_title(); ?>" style="width:100%;">
            <div class="carousel-caption">
            <a style="color:#fff;"><?php echo get_the_title(); ?></a>
          </div>
          </div>
    
          <div class="item">
            <img src="<?php the_post_thumbnail_url( 'medium' ); ?>" alt="<?php echo get_the_title(); ?>" style="width:100%;">
            <div class="carousel-caption">
            <a style="color:#fff;"><?php echo get_the_title(); ?></a>
          </div>
          </div>
        
          <div class="item">
            <img src="<?php the_post_thumbnail_url( 'medium' ); ?>" alt="<?php echo get_the_title(); ?>" style="width:100%;">
            <div class="carousel-caption">
            <a style="color:#fff;"><?php echo get_the_title(); ?></a>
          </div>
          </div>
        </div>
        
        <?php
        endforeach;
        ?>
    
        <!-- Left and right controls -->
        <a class="left carousel-control" href="#myCarousel" data-slide="prev">
          <span class="glyphicon glyphicon-chevron-left"></span>
          <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#myCarousel" data-slide="next">
          <span class="glyphicon glyphicon-chevron-right"></span>
          <span class="sr-only">Next</span>
        </a>
      </div>
    </div>
    
    <div class="col-xs-4" style="margin:left:-7%;">
       <?php get_template_part( 'template/header' , 'aside');?>
    
    </div>
    
    </div>
    
Viendo 2 respuestas - 1 de 2 (de 2 total)
Viendo 2 respuestas - 1 de 2 (de 2 total)
  • Debes estar registrado para responder a este tema.