6
votes

Mise en œuvre de Twitter Bootstrap Carousel V2.3.2

J'ai du mal à mettre en œuvre le carrousel bootstrap. Quelqu'un peut-il examiner les HTML et JS suivants et me donner des instructions sur la manière de mettre en œuvre la diapositive. Le .JS n'a pas été édité et le carrousel est installé sur l'unité de héros du corps. Dois-je mettre en œuvre l'API de carrousel? Comment définir le carrousel que j'utilise dans le fichier .js? Merci. xxx

javascript html twitter-bootstrap carousel twitter-bootstrap-2

1 commentaires

Je pense que Bootstrap est accroché dans des classes avec un $ (). Carousel (); Tapez l'appel.

5 Réponses :

3
votes

La documentation du carrousel bootstrap est disponible ici: http://twitter.github.com /bootstrap/javascript.html#carouscript

Je suppose que vous devriez ajouter quelque chose comme ça pour le faire courir: P>

<script type="text/javascript">
$(function(){
   $('.carousel').carousel();
});
</script>

0 commentaires

6
votes

Ma compréhension est que xxx

doit être xxx

où l'identifiant est quelles que soient les "flèches" "href. < / p>

0 commentaires

8
votes

Remarque: strong> Cette réponse était à l'origine pour bootstrap 2.3.2 A> strong> (peut ne pas fonctionner avec la version 3)

Vous devez mettre l'élément de classe "élément" sur toutes vos diapositives et la classe "active" sur la première diapositive. Cela a fonctionné pour moi. P> xxx pré>

et comme Christopher a dit que vous devez utiliser cette fonction pour l'initier. P>

<script type="text/javascript">
$(function(){
   $('.carousel').carousel();
});
</script>

1 commentaires

Je n'avais pas actif sur ma première diapositive et c'était un moment Total WTF

1
votes

Vous n'avez aucun élément dans votre code d'exemple. Pour le faire fonctionner, vous devez avoir au moins deux articles, avec votre carrousel-inner Div.

créer un deuxième élément
Assurez-vous que le premier élément a la classe active; Cela commence la balle roulante
Le code nu doit ressembler à ceci
. xxx

0 commentaires

0
votes

Ceci est dans Joomla 3.1.1 avec le gabarit de protostar basé sur Bootstrap. Je n'ai pas reçu le carrousel au cycle automatisé. Cela a fonctionné pour moi:

Utilisez un module HTML personnalisé, ajoutez ce code: (Changez le texte img code> SCR code>, text et texte de la légende pour personnaliser) p> xxx pré>

ces ajustements dans l'index.php de votre modèle est d'empêcher les conférences entre les scripts, il désactive des motools qui provoque l'ouverture et la fermeture du carrousel d'ouverture et de la fermeture des diapositives: P>

// CSUTOM disable mootools-more.js
unset (JFactory::getDocument()->_scripts['/jomaatcms/media/system/js/mootools-core.js']);
unset (JFactory::getDocument()->_scripts['/jomaatcms/media/system/js/mootools-more.js']);

0 commentaires