Faire un slideshow des valeurs d'un foreach

Bonjour, je viens vous dermander de l'aide car j'aimerai faire un slideshow des valeurs qu'un foreach me renvoie, en gros c'est une page de recherche qui va rechercher les profils correspondants au filtres, et j'aimerai que les résultats s'affiche sur un slideshow avec une image en fond, mais je n'y arrive vraiment pas sachant que je n'ai jamais fais de jquery :( ps: je n'ai pas le droit au plugins) mon code php:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<?php
$result = [];
 
$bdd = new PDO('mysql:host:=localhost;dbname=meetic;port=3308;charset=utf8', 'root', 'root');
    $bdd->setAttribute(PDO::ATTR_ERRMODE,
        PDO::ERRMODE_EXCEPTION);
try{
session_start();
 
 
	$getid = intval($_SESSION['id']);
if(isset($_SESSION['id']))
{
	$requser = $bdd->prepare("SELECT * FROM inscription WHERE id = ?");
	$requser->execute(array($_SESSION['id']));
	$user = $requser->fetch();
	$nom = strtoupper($user['nom']);
	$prenom = strtoupper($user['prenom']);
}
 
    if (isset($_GET["sexe"]) && isset($_GET["age_min"])) {
 
            $sexe = $_GET["sexe"];
            $age_min = $_GET["age_min"];
			$ville = $_GET['ville'];
			$age_max = $_GET["age_max"];
			$loisir = $_GET["loisir"];
        $search = $bdd->prepare("SELECT * FROM inscription WHERE sexe=:sexe AND nais >= :age AND nais <= :age_max AND ville = :ville AND loisir = :loisir");
 
        $search->bindParam(':sexe', $sexe, PDO::PARAM_STR);
        $search->bindParam(':age', $age_min, PDO::PARAM_INT);
		$search->bindParam(':ville', $ville, PDO::PARAM_STR);
		$search->bindParam(':age_max', $age_max, PDO::PARAM_INT);
		$search->bindParam(':loisir', $loisir, PDO::PARAM_STR);
        $search->execute();
        $result = $search->fetchAll();
    }
}catch (PDOException $e) {
      die("Erreur de connexion à la base :".$e->getMessage());
      exit();//quitter le script
}

le foreach en question :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 <div class="carroussel">
            <?php foreach ($result as $key => $value): ?>
                <h2>N. <?= ++$key ?></h2>
                <ul>
                    <li><img src="img/imageintro.jpg" alt="" width="350" height="250">prenom : <?= $value["prenom"]  ?></li>
                    <li><img src="img/imageintro.jpg" alt="" width="350" height="250">nom : <?= $value["nom"]  ?></li>
                    <li><img src="img/imageintro.jpg" alt="" width="350" height="250"> mail : <?= $value["mail"]  ?></li>
                    <li><img src="img/imageintro.jpg" alt="" width="350" height="250">sexe : <?= $value["sexe"]  ?></li>
                    <li><img src="img/imageintro.jpg" alt="" width="350" height="250">naissance : <?= $value["nais"]  ?></li>
					<li><img src="img/imageintro.jpg" alt="" width="350" height="250">ville : <?=$value["ville"] ?></li>
                </ul>
            <?php endforeach; ?>
        </div>

ce que j'ai essayer avec mon faible niveau :roll:

Code:

1
2
3
4
5
6
7
8
9
<script type="text/javascript">
   $(function(){
      setInterval(function(){
         $(".carroussel ul").animate({marginLeft:-350},800,function(){
            $(this).css({marginLeft:0}).find("li:last").after($(this).find("li:first"));
         })
      }, 3500);
   });
</script>

Merci beaucoup a ce qui prendrons le temps de m'aider c'est vraiment gentil :)