Bootstrap 3 Imbriquée Multi Carrousel
Bonjour je veux faire carrousel curseur sur bootstrap3.
J'ai essayer de mettre dans un autre carrousel carrousel, mais ce n'est pas travailler normalement.
Comment je peux faire cela ?
Mon Code Source :
<!DOCTYPE HTML>
<html>
<head>
<title>Bootstrap Carousel</title>
<link href="css/carousel.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<script src="js/transition.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#oceanCarousel, #musiciansCarouse, #kinCarousel').carousel({
interval: false
});
});
</script>
</head>
<body>
<div id="wrapper">
<h1>Carousel Gallery with One Image</h1>
<!-- OCEAN GALLERY -->
<div id="musiciansCarousel" class="carousel slide">
<!-- Carousel items -->
<div class="carousel-inner">
<div class="active item">
<a href="#"><img src="../images/large/musicians01.jpg"></a>
</div>
<div class="item">
<a href="#"><img src="../images/large/musicians02.jpg"></a>
</div>
<div class="item">
<a href="#"><img src="../images/large/musicians03.jpg"></a>
</div>
<div class="item">
<a href="#"><img src="../images/large/musicians04.jpg"></a>
</div>
<div class="item">
<!-- INSIDE -->
<div id="kinCarousel" class="carousel slide">
<!-- Carousel items -->
<div class="carousel-inner">
<div class="active item">
dldnlkdnndlkd
<a href="#"><img src="../images/large/musicians01.jpg"></a>
</div>
<div class="item">
dndlkdnd
<a href="#"><img src="../images/large/musicians02.jpg"></a>
</div>
<div class="item">
<a href="#"><img src="../images/large/musicians03.jpg"></a>
</div>
<div class="item">
<a href="#"><img src="../images/large/musicians04.jpg"></a>
</div>
<div class="item">
<a href="#"><img src="../images/large/musicians05.jpg"></a>
</div>
<a class="carousel-control left" href="#kinCarousel" data-slide="prev">‹</a>
<a class="carousel-control right" href="#kinCarousel" data-slide="next">›</a>
</div>
<!-- INSIDE -->
</div>
</div>
<!-- Carousel nav -->
<a class="carousel-control left" href="#musiciansCarousel" data-slide="prev">‹</a>
<a class="carousel-control right" href="#musiciansCarousel" data-slide="next">›</a>
</div>
<br /><br /><br />
</div>
</body>
</html>
- Carrousel à l'intérieur d'un autre carrousel? Portez-vous le ski dans un hamac trop?
- Non c'est juste pas logique de conception. Et je ne sais pas comment faire
- Connaissez-vous la réponse à cette s'il vous plaît ? stackoverflow.com/questions/28603984/...
Vous devez vous connecter pour publier un commentaire.
Ici est jsfiddle: http://jsfiddle.net/vittore/Q2TYv/1907/
Il est beaucoup plus facile à mettre en œuvre qu'avec juste un tour de carrousel, de manière dynamique l'ajout et la suppression de diapositives.
Rendre un carrousel avec des toboggans pour le premier projet
Rendre toutes les diapositives pour tous les projets cachés div et ajouter une classe ou de donnees-projet, etc pour chaque diapositive.
Utiliser les boutons du haut conditionnelle, d'ajouter et de supprimer toutes les diapositives, mais pour un projet particulier
Après la mise à jour des diapositives de réinitialisation de carrousel de données
Laisser un carrousel à déplacer des diapositives de gauche et de droite.
Voici un exemple de code de projet: les boutons de
🙂
J'ai résolu mon problème.
J'utilise en manège, onglet système, comme la seconde curseur voici mon code :