Javascript 使用循环打印旋转木马图像

因此，我正在尝试将我的站点自动化，以显示与一项库存（车辆）相关的所有图像。我能够显示图像，但它们都出现在一个块中，因为一个项目需要活动类。这可以自动化吗？或者，是否有一种说法可以在循环中使用“活动”一次

下面是代码（已更新！），不是全部，只是我正在处理的部分。是的，我已经把jQuery和JavaScript拉进来了！：）谢谢

>
在你的班级里旋转指示器。只需从0循环到3，并在每次迭代中输出所需的li。如果你做了一个简单的for循环（i=0；iSo），我已经用你的建议更新了上面的代码，但是我现在得到了在你的代码中一起显示图像的问题：If（$active==0）{echo'active'；}更改为：If（$active==0）{echo'active'；$active++}否则，变量$active将始终保持为0，因此所有旋转木马图像都将应用活动类。
<?php

            include 'Login-System/db.php';

            $query = 'SELECT * FROM forsale ORDER by StockID ASC';
            $result = mysqli_query($conn, $query);

            if($result):
                if(mysqli_num_rows($result)>0):
                    while($forsale = mysqli_fetch_assoc($result)):

                        ?>

                        <div class="col-md-6" >
                            <div class="forsale">
                                <?php
                                    $match = $forsale['StockID'];

                                    $queryimg = "SELECT * FROM forsaleimg WHERE StockID = ".$match." ORDER BY 'Order' ASC ";
                                    $resultimg = mysqli_query($conn, $queryimg);


                                ?>

                                <!--Image Carousel-->
                                <div id="myCarousel" class="carousel slide" data-ride="carousel">
                                    <!-- Indicators -->
                                    <ol class="carousel-indicators">
                                        <?php 
                                            for($i=0; $i <4; $i++){
                                        ?>
                                        <li data-target="#myCarousel" data-slide-to="<?php echo $i;?>" <?php if ($i == 0) {
                                            echo 'class="active"';
                                        } ?>></li>
                                        <?php   

                                            }
                                        ?>
                                    </ol>

                                    <!-- Wrapper for slides -->
                                    <div class="carousel-inner" role="listbox" style="width:auto; height:auto;" >
                                         <?php
                                            $active = 0; 
                                        if($resultimg):
                                            if(mysqli_num_rows($resultimg)>0):
                                                while($forsaleimg = mysqli_fetch_assoc($resultimg)):

                                                ?>

                                                <div class="carosuel-item <?php if ($active == 0){echo 'active';}?>">
                                                    <img class="d-block w-100 img-responsive" src="<?php echo $forsaleimg['FileDestination']; ?>">
                                                </div>

                                                <?php 
                                                    $active= $active + 1;
                                                endwhile;
                                            endif;
                                        endif;
                                        ?>

                                    </div>

                                    <!-- Left and right controls -->
                                    <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
                                        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                                        <span class="sr-only">Previous</span>
                                    </a>

                                    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
                                        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                                        <span class="sr-only">Next</span>
                                    </a>
                                </div>