Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/wordpress/13.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php根据幻灯片数量显示旋转木马指示器_Php_Wordpress_Twitter Bootstrap_Carousel - Fatal编程技术网

Php根据幻灯片数量显示旋转木马指示器

Php根据幻灯片数量显示旋转木马指示器,php,wordpress,twitter-bootstrap,carousel,Php,Wordpress,Twitter Bootstrap,Carousel,我有一个引导转盘,目前使用wordpress高级自定义字段来填充它。在手动写入转盘指示器的那一分钟。取而代之的是,我会根据幻灯片的数量来确定要填充的转盘指示器的数量。因此,如果有2张幻灯片,旋转木马中就有2张幻灯片 以下是我的php: <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> <!-- Indicators --> <ol class

我有一个引导转盘,目前使用wordpress高级自定义字段来填充它。在手动写入转盘指示器的那一分钟。取而代之的是,我会根据幻灯片的数量来确定要填充的转盘指示器的数量。因此,如果有2张幻灯片,旋转木马中就有2张幻灯片

以下是我的php:

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators">
        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
    </ol>

    <!-- Wrapper for slides -->
    <div class="carousel-inner">
        <?php $i = 0; ?>
        <?php while(has_sub_field('carousel')): ?>
            <div class="item <?php if($i === 0) { ?> active <?php } ?>">
                <img src="<?php the_sub_field('carousel_image'); ?>" alt="...">
                <div id="carouselLogo"><img src="<?php the_sub_field('carousel_logo'); ?>" alt="..."></div>
            </div>
        <?php ++$i; ?>
        <?php endwhile; ?>
    </div>

  <!-- Controls -->
  <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
  </a>
  <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
  </a>
</div>

  • 基于
    while(has_sub_字段('carousel')):
    代码的一部分,我假设您有一个存储幻灯片数据的数组,在下面的示例代码中,我将其命名为$slides

    
    
    通过这段代码,我们为$slides数组中的每个幻灯片项创建了输出列表项,其中的数据幻灯片编号为

    <?php
    // Get slides and save them to array
    // for example $slides = array();
    
    // Open carousel wrapper
    $output .= '<ol class="carousel-indicators">';
    
    // Define slide No variable
    // Bootstrap list begins with slide No 0, so we start slide numbering with 0    
    static   $SlNo = 0;
    
    // Foreach slide, output list item
    foreach ($slides as $slide) {
    
        if ($SlNo == 0 ) {
            // Add class 'active' to first list item
            $output .= '<li data-target="#myCarousel" data-slide-to="' . $SlNo . '" class="active"></li>';
        } else {
            // Output for rest of list items
            $output .= '<li data-target="#myCarousel" data-slide-to="' . $SlNo . '" class=""></li>';
        };
        // Add +1 to slide No
        $SlNo++;
    };
    
    // Close carousel wrapper
    $output .= '</ol>\n';
    
    // Return and echo output
    return $output;
    echo $output;
    
    ?>