adding a class in the first iteration of a loop

Question

I have the following loop to create my carousel, however I need to add the active class on the first iteration only:

<?php
$args = array(
'post_type' => 'homepage_banner',
'orderby'=>'menu_order','order'=>'ASC');
$loop = new WP_Query( $args );
while ( $loop->have_posts() ) : $loop->the_post();

echo '<div class="item active"> <img alt="';
echo the_title();
echo'" data-src="" src="">
  <div class="container">
    <div class="carousel-caption"><h2>';
    echo the_title();
      echo '</h2><p>';
      echo the_content();
      echo'</p>
    </div>
  </div>
</div>';

endwhile;

?>

Derek · Accepted Answer · 2014-05-21 16:47:30Z

1

You can do it simply like this:

<?php

 $args = array(
     'post_type' => 'homepage_banner',
     'orderby'=>'menu_order','order'=>'ASC');
 $loop = new WP_Query( $args );
 $active = ' active'; //<============== updated line 1
 while ( $loop->have_posts() ) : $loop->the_post();

     echo '<div class="item'. $active .'"> <img alt="';

     echo the_title();
     echo'" data-src="" src="">
     <div class="container">
        <div class="carousel-caption"><h2>';
             echo the_title();
             echo '</h2><p>';
             echo the_content();
             echo'</p>
         </div>
     </div>
     </div>';
     $active = ''; //<============== updated line 2

 endwhile;

?>

edited May 21, 2014 at 16:47

Derek

3,4351 gold badge20 silver badges35 bronze badges

answered May 21, 2014 at 15:22

Think Different

2,8251 gold badge14 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

adding a class in the first iteration of a loop

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related