Forum d'entraide PHPFrance

Bonjour à tous,

Je m'explique brièvement, j'ai créé un script qui permet d'alimenter à la fois, la navigation d'un carrousel, mais également le carrousel lui-même, et ce, ce dernier étant celui de boostrap.

EDIT : Mon problème ? Le carrousel fonctionne mais en double, c'est à dire qu'on voit le nombre de slides par les indicateurs, ces derniers défilent bien, toutes fois le carrousel existe en double..

Voici mon code :

La pop-up contenant le carrousel :

<div class="modal fade" id="details">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="titrePosts modal-title">Galerie | Le Sporting</h4>
            </div>
            <div class="modal-body">
                <div class="col-xs-12 col-xl-12">
                    <div id="carouHome" class="carousel slide" data-ride="carousel">
                        <ol class="carousel-indicators">
                            <?php
                                include("../functions/listCarou.php");
                                for($i=0;$i<$count;$i++){
                                    if($tab[$i] == $tab[0]){
                                        echo    "<li data-target=\"#carouHome\" data-slide-to=\"0\" class=\"active\"></li>";
                                    }
                                    else{
                                        echo    "<li data-target=\"#carouHome\" data-slide-to=\"".$tab[$i]."\"></li>";
                                    }
                                }
                            ?>
                        </ol>
                        <div class="carousel-inner" role="listbox">
                            <?php
                                include("../functions/listCarou.php");
                                for($i=0;$i<$count;$i++){
                                    if($tab[$i] == $tab[0]){
                                        echo    "<div class=\"active item\" data-slide-number=\"".$i."\">
                                                    <img class=\"d-block img-fluid\" src=\"../pics/".$tab[$i]."\">
                                                </div>";
                                    }
                                    else{
                                        echo    "<div class=\"item\" data-slide-number=\"".$i."\">
                                                    <img class=\"d-block img-fluid\" src=\"../pics/".$tab[$i]."\">
                                                </div>";
                                    }
                                }
                            ?>
                            <a class="carou-control carousel-control-prev" href="#carouHome" role="button" data-slide="prev">
                                <i class="fa fa-arrow-left"></i></span>
                            </a>
                            <a class="carou-control carousel-control-next" href="#carouHome" role="button" data-slide="next">
                                <i class="fa fa-arrow-right"></i>
                            </a>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

Le script importé à chaque fois :

<?php
$chemin = "../pics/";
$files = array_diff(scandir($chemin), array(".", ".."));
$liste = array_values($files);
$nombre = count($liste);
foreach($liste as $valeur){
    if(is_file($chemin.$valeur)){
        $tab[] = $valeur;
    }
}
$count = sizeof($tab);
?>

Je me demande ce qui peut ne pas coller, ça a bien fonctionné pour l'un de mes autres sites...