Выберите первые 10 строк и покажите в слайд-шоу

Question

Я создаю веб-сайт и хочу отобразить свои данные в виде слайд-шоу из базы данных.Слайд-шоу сделано с использованием начальной загрузки.

Мой код выглядит следующим образом:

<?php
include 'header.php';
require 'includes/dbh-inc.php';

function make_query($conn)
{
    $query = " SELECT * FROM notes ORDER BY id ASC";
    $result = mysqli_query($conn,$query);
    return $result;
}

function make_slide_indicators($conn)
{
    $output = '';
    $count = 0;
    $result = make_query($conn);
    while($row = mysqli_fetch_array($result))
    {
        if($count == 0)
        {
            $output .= '<li data-target="#dynamic_slide_show" data-slide-to="'.$count.'" class="active"></li>
            ';
        } else {
            $output .= '<li data-target="#dynamic_slide_show" data-slide-to="'.$count.'"></li>';
        }
        $count = $count + 1 ;
    }
    return $output;
}

function make_slides($conn)
{
    $output = '';
    $count = 0;
    $result = make_query($conn);
    while($row = mysqli_fetch_array($result))
    {
        if($count == 0)
        {
            $output .= '<div class="item active">';
        } else {
            $output .= '<div class="item">';
        }
        $output .= '<img src="images/notes/'.$row["image"]
                .'" alt="'.$row["denomination"].'" style=" width: 100%;height: 300px;" /> 
                <div class="carousel-caption"> 
                <h3>' .$row['price'].'</h3>
                </div>';
        $count = $count +1;
    }
    return $output;
}
?>

<main> 
    <div class="container">
        <h2 align="center">Pedigree Notes</h2>
        <br />
        <div id="dynamic_slide_show" class="carousel slide" data-ride="carousel">
            <ol class="carousel-indicators">
            <?php echo make_slide_indicators($conn); ?>
            </ol>

            <div class="carousel-inner">
                <?php echo make_slides($conn); ?>
            </div>
            <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>

        </div>
    </div>
</main>

<?php
include 'footer.php';
?>

Он работает как-то, но отображает обе картинки из базы данных на первом слайде, половина слайдов - первые картинки, другая -половина второй картинки.
Подскажите, пожалуйста, что мне делать?

Answer 1

В вашей функции make_slides измените элемент класса на carousel-item

if($count == 0)
{
   $output .= '<div class="carousel-item active">';
} else {
        $output .= '<div class="carousel-item">';
}