@DeniSidorenko

Как задать первому элементу из списка класс active?

<?php while($slider -> have_posts()) :  $slider->the_post(); ?>

        <div class="slide">
          <div class="slide-top"><?php the_title();?></div>
          <div class="slide-bottom"><?php the_content();?></div>
        <?php the_post_thumbnail();?>
        </div>

      <?php endwhile; ?>


Добрый день есть такой код. Подскажите пожалуйста как сделать что бы у первого элемента из цикла
был класс active

К примеру выведет 3 элемента с классом slide а первый будет иметь и класс active
  • Вопрос задан
  • 119 просмотров
Решения вопроса 1
neuotq
@neuotq
Прокрастинация
Самый тупой способ с помощью доп переменной:
<?php 
 $slide_iteration = 0;
while($slider -> have_posts()) :  $slider->the_post(); $slide_iteration++;
?>

        <div class="slide <?php if( $slide_iteration== 1 ) echo ' active' ?>">
          <div class="slide-top"><?php the_title();?></div>
          <div class="slide-bottom"><?php the_content();?></div>
        <?php the_post_thumbnail();?>
        </div>

      <?php endwhile; ?>
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
zoozag
@zoozag
Opencart
<?php $i = true; ?>
<?php while($slider -> have_posts()) :  $slider->the_post(); ?>
<?php if($i) { ?>
        <div class="slide active">
        <?php $i = false; ?>
<?php } else { ?>
        <div class="slide">
<?php } ?>
          <div class="slide-top"><?php the_title();?></div>
          <div class="slide-bottom"><?php the_content();?></div>
        <?php the_post_thumbnail();?>
        </div>

      <?php endwhile; ?>
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы