Carousel ne fonctionne pas
Résolu
helloworld95
-
helloworld95 -
helloworld95 -
Bonjour,
J'ai ajouté un caroussel sur mon site avec le framework bootstrap 4 mais il ne fonctionne pas. Je n'arrive pas a passer d'une image à l'autre, il reste statique.
Merci
J'ai ajouté un caroussel sur mon site avec le framework bootstrap 4 mais il ne fonctionne pas. Je n'arrive pas a passer d'une image à l'autre, il reste statique.
Merci
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous"> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script> <link rel="stylesheet" type="text/css" href="views/css/styles.css"> </head>
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img class="first-slide" src="http://chezalfred.info/wp-content/uploads/2016/06/programmation-informatique.png" alt="First slide">
<div class="container">
<div class="carousel-caption d-none d-md-block text-left">
<h1>TEST</h1>
<p>TEST TEST TEST</p>
<p><a class="btn btn-lg btn-primary" href="#" rel="nofollow noopener noreferrer" target="_blank" role="button">Enregistrez vous</a></p>
</div>
</div>
</div>
<div class="carousel-item">
<img class="second-slide" src="http://static.hitek.fr/img/actualite/matrice.jpg" alt="Second slide">
<div class="container">
<div class="carousel-caption d-none d-md-block">
<h1>TEST 2</h1>
<p>Page test 2</p>
<p><a class="btn btn-lg btn-primary" href="#" rel="nofollow noopener noreferrer" target="_blank" role="button">TEST 2</a></p>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#myCarousel" rel="nofollow noopener noreferrer" target="_blank" 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="#myCarousel" rel="nofollow noopener noreferrer" target="_blank" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
A voir également:
- Openjdk 64-bit server vm warning: sharing is only supported for boot loader classes because bootstrap classpath has been appended
- Fond d'écran carousel xiaomi sans pub - Forum Xiaomi
- Désinstaller fond d'écran carousel ✓ - Forum Windows 10
- Désactiver carousel xiaomi - Forum Xiaomi
- Xiaomi A2 : désinstaller sans risque appli et désactiver MAJ - Forum Xiaomi
- Supprimer carousel xiaomi - Forum Xiaomi
J'ai tenté de rajouter cette ligne de code, mais cela ne fonctionne toujours pas.
Au passage Bootstrap est passé en beta, tu ne devrais plus utiliser la version alpha.
Essaye avec les cdn proposés sur cette page : https://getbootstrap.com/docs/4.0/getting-started/introduction/
Merci !