0

li投稿ごとに 1 つのスライダー ナビゲーションを作成する必要があります。私は現在、このコードを持っています:

<?php
$args = array( 'post_type' => 'slides', 'orderby' => 'menu_order');
$loop = new WP_Query( $args );
?>

<div id="myCarousel" class="carousel slide">
  <ol class="carousel-indicators">

    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
    <?php while ( $loop->have_posts() ) : $loop->the_post();  $x = 1 ?>
    <li data-target="#myCarousel" data-slide-to="<?php echo $x ?>"></li>
    <?php $x = $x + 1 ?>
    <?php endwhile; ?>

  </ol>

アクティブなままにするために最初のものが必要なので..しかし、これは私にとってはうまくいきません

4

2 に答える 2

1

これを試して：

** $x 変数がループの外に移動されたため、data-slide-to値がすべて 1 に等しくならないことに注意してください。

<div id="myCarousel" class="carousel slide">
    <ol class="carousel-indicators">

        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <?php $x = 1; ?>
        <?php while ( $loop->have_posts() ) : $loop->the_post(); ?>
            <li data-target="#myCarousel" data-slide-to="<?php echo $x++; ?>"></li>
        <?php endwhile; ?>
    </ol>
</div>

** エクストラを取得している場合は、スタティックを配置したことが原因である可能性があります

<li data-target="#myCarousel" data-slide-to="0" class="active"></li>

ループ内にあるため、代わりに次のようにすることができます。

<div id="myCarousel" class="carousel slide">
    <ol class="carousel-indicators">
        <?php $x = 0; ?>
        <?php while ( $loop->have_posts() ) : $loop->the_post(); ?>
            <li data-target="#myCarousel" data-slide-to="<?php echo $x; ?>" <?php echo ($x++==0)?'class="active"':'';?>></li>
        <?php endwhile; ?>
    </ol>
</div>
于 2013-09-23T21:41:01.210 に答える