 <div class=banner>
            <div id="banner_carousel" class="carousel slide" data-ride="carousel" data-interval="5000">
                <ol class="carousel-indicators">
                    <?php
                    $query = mysqli_query($koneksi, "SELECT * FROM tb_banner");
                    $indicatorCount = mysqli_num_rows($query);

                    // Menambahkan indikator secara dinamis berdasarkan jumlah banner di database
                    for ($i = 0; $i < $indicatorCount; $i++) {
                        $class = ($i === 0) ? 'class="active"' : '';
                        echo "<li $class data-target='#banner_carousel' data-slide-to='$i'></li>";
                    }
                    ?>
                </ol>
                <div class="carousel-inner">
                    <?php
                    $query = mysqli_query($koneksi, "SELECT * FROM tb_banner");
                    $firstItem = true;

                    while ($data = mysqli_fetch_array($query)) {
                        $activeClass = ($firstItem) ? 'active' : '';
                        ?>
                        <div class="item <?php echo $activeClass; ?>">
                            <a href="<?php echo $data['link']; ?>" target="_blank">
                                <img alt="<?php echo $data['alt']; ?>" loading="lazy" src="../uploads/fotobanner/<?php echo $data['gambar']; ?>" title="<?php echo $data['title']; ?>">
                            </a>
                        </div>
                        <?php

                        // Setel $firstItem menjadi false setelah item pertama
                        $firstItem = false;
                    }
                    ?>
                </div>
            </div>

        </div>