如何使第一篇文章和第五篇文章有一个“活跃”的类？

3 回答

• 0

  创建一个计数器变量，在循环内增加，然后使用模数来确定它是否应该具有活动类 . 在伪代码中，例如：

  $counter=0;
  while( $conditions ){
      $class=$counter % 5==0 ? 'active' : '';
  
      echo "<element class='{$class}' />";
      $counter++;
  }
  

  一个例子

  $counter=0;
  while( $i < 20 ){
      $class=$i % 5==0 ? 'active' : 'EMPTY';/* so you can see it */
      echo $class.'
  ';
      $counter++;
      $i++;
  }
  

  将输出

  active
  EMPTY
  EMPTY
  EMPTY
  EMPTY
  active
  EMPTY
  EMPTY
  EMPTY
  EMPTY
  active
  EMPTY
  EMPTY
  EMPTY
  EMPTY
  active
  EMPTY
  EMPTY
  EMPTY
  EMPTY
  

  回复于 2024-05-18T14:23:45+08:00
• 1

  $x = 0;
          $i = 1;
          while (have_posts()) : the_post(); ?>       
              <div class="item <?php if($i == 1 || $i == 5){ echo 'active'; } ?>">
                <a href="#"><img src="http://localhost/wordpress/wp-content/uploads/2016/08/unnamed-file.jpeg" /></a>
                <div class="carousel-caption">
                  <div class="wow fadeInRight">
                  <h3 style="color: #dbdbdb">Meow</h3>
                  <p style="color: #dbdbdb">Just Kitten Around</p>
                  <a href="#" class="btn btn-slider">more information..</a>
                  </div>
                </div>
  
          <?php if ($x == 2) { $x = -1; } $x++; $i++; ?>
          <?php endwhile; ?>
  

  • 在第一次和第五次循环迭代中向 print 添加了一个增量变量和一个if语句 .

  回复于 2024-05-18T14:23:45+08:00
• 0

  这是您的完整代码

  <!-- Carousel -->
  
  <div id="carousel col-md-12" class="carousel slide" data-ride="carousel">
      <ol class="carousel-indicators">
          <li data-target="#carousel-example" data-slide-to="0" class="active"></li>
          <li data-target="#carousel-example" data-slide-to="1"></li>
          <li data-target="#carousel-example" data-slide-to="2"></li>
      </ol>
  
      <div class="carousel-inner">
          <?php
          $args = array(
              'category_name' => 'carousel',
              'post_type' => 'post',
              'posts_per_page' => 4,
              'paged' => ( get_query_var('paged') ? get_query_var('paged') : 1)
          );
          query_posts($args);
          $x = 0;
          $postcount = 0;
          while (have_posts()) : the_post();
          $postcount ++;
  //        if($postcount % 5 =='0' || $postcount == '1'){
  //            echo 'active';
  //        }
          ?>
          <div class="item <?php echo ($postcount % 5 =='0' || $postcount == '1') ? 'active': '' ; ?>">
              <a href="#"><img src="http://localhost/wordpress/wp-content/uploads/2016/08/unnamed-file.jpeg" /></a>
              <div class="carousel-caption">
                  <div class="wow fadeInRight">
                      <h3 style="color: #dbdbdb">Meow</h3>
                      <p style="color: #dbdbdb">Just Kitten Around</p>
                      <a href="#" class="btn btn-slider">more information..</a>
                  </div>
              </div>
  
              <?php if ($x == 2) { $x = -1; } $x++; ?>
              <?php endwhile; ?>
          </div>
  
          <a class="left carousel-control" href="#carousel-example" data-slide="prev">
              <span class="glyphicon glyphicon-chevron-left"></span>
          </a>
          <a class="right carousel-control" href="#carousel-example" data-slide="next">
              <span class="glyphicon glyphicon-chevron-right"></span>
          </a>
      </div>
      <!-- End of Carousel -->
  

  回复于 2024-05-18T14:23:45+08:00