Sujet Précédent Sujet Suivant

Faire une caroussel avec bootstrap

Résolu/Fermé
Jessekamba Messages postés 54 Date d'inscription mercredi 21 juin 2017 Statut Membre Dernière intervention 10 février 2020 - Modifié le 2 févr. 2019 à 13:29
Jessekamba Messages postés 54 Date d'inscription mercredi 21 juin 2017 Statut Membre Dernière intervention 10 février 2020 - 3 févr. 2019 à 10:47
Bonjour à tous. Je travaille sous bootstrap, je veux faire une caroussel mais je n'y arrive pas bien que je me sert de la documentation, voici mon code 


<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
 <div class="carousel-inner">
 <div class="carousel-item active">
 <img src="images/photo1.jpg" class="d-block w-100" alt="...">
 </div> 
<div class="carousel-item"> <img src="images/photo3.jpg" class="d-block w-100" alt="..."> 
</div> 
<div class="carousel-item"> <img src="images/photo2.jpg" class="d-block w-100" alt="..."> 
</div> 
</div> <a class="carousel-control-prev" href="#carouselExampleControls" 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="#carouselExampleControls" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> 
</div>


Tout ce que j'ai comme résultat c'est la première image et les contrôleurs du slide mais les images ne changent pas même après avoir cliqué sur le contrôleur.
Je signale aussi que j'ai déjà inclus les fichiers bootstrap.css et bootstrap.js

Je ne sais si j'ai loupé un truc dans la documentation et que je devrais mettre dans mon code.

1 réponse

Réponse 1 / 1
jordane45 Messages postés 38139 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 20 avril 2024 4 649
2 févr. 2019 à 13:53
Bonjour,

Bootstrap 3 ou 4 ?
bootstrap.css et bootstrap.js ... Tu les as inclus comment et où ?
As tu également inclus jquery ? quelle version ?

Pour finir.. as tu des erreurs dans la console de ton navigateur ?

0
Jessekamba Messages postés 54 Date d'inscription mercredi 21 juin 2017 Statut Membre Dernière intervention 10 février 2020
2 févr. 2019 à 14:17
Bootstrap 4 et pour les fichiers je les ai inclus dans le même fichier comme tout autre fichier CSS et JS. Je n'ai pas inclus jquery.
je n'ai aucune erreur dans la console. C'est juste que les images ne slident pas
0
jordane45 Messages postés 38139 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 20 avril 2024 4 649
2 févr. 2019 à 14:25
pas de jquery ? donc ça ne doit pas fonctionner.
De plus, peux tu nous montrer avec quelles lignes de code exactement tu as chargé le js et le css de bootstrap ?
Nous mettre également une capture écran de la console stp.
0
Jessekamba Messages postés 54 Date d'inscription mercredi 21 juin 2017 Statut Membre Dernière intervention 10 février 2020
2 févr. 2019 à 14:36
Pour les fichiers css et js 


 <link href="css/bootstrap.css" rel="stylesheet">

<script src="js/bootstrap.js"></script>


Pour la console je ne sais pas faire une capture vu que je ne suis devant mon pc sur lequel je travaille. Peut être après. Merci
0
jordane45 Messages postés 38139 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 20 avril 2024 4 649 > Jessekamba Messages postés 54 Date d'inscription mercredi 21 juin 2017 Statut Membre Dernière intervention 10 février 2020
2 févr. 2019 à 14:46
Alors comment as tu pu me dire qu'il n'y avait pas d'erreur dedans ??
J'attendrais que tu sois devant ton écran pour que tu nous mettes la capture.

De plus.. j'insiste.. il te faut jquery.... (à charger avant bootstrap)
0
Jessekamba Messages postés 54 Date d'inscription mercredi 21 juin 2017 Statut Membre Dernière intervention 10 février 2020
Modifié le 2 févr. 2019 à 14:54
J'ai vu le résultat avant que je ne poste le message. Et
tu peux alors me montrer comme je peu charger jquery
0