Bootstrap carrousel-fade ne fonctionne plus avec maxcdn 3.3.bootstrap.min.css

La transition de fondu fonctionne depuis un certain temps déjà dans une version Bootstrap 3, mais je viens de modifier l’appel d’une copie localement conservée de bootstrap.min.css (Bootstrap v3.1.1) en et la transition de fondu ne fonctionne plus. Il bascule simplement à la diapositive suivante. Pas de transition du tout.

J’ai essayé d’append l’identifiant du carrousel mais cela n’a pas fonctionné.

 

etc.

Le CSS est:

 .carousel-fade .item { -webkit-transition: opacity 3s; -moz-transition: opacity 3s; -ms-transition: opacity 3s; -o-transition: opacity 3s; transition: opacity 3s; } .carousel-fade .active.left {left:0;opacity:0;z-index:2;} .carousel-fade .next {left:0;opacity:1;z-index:1;} 

[BTW: Lorsque je mets #myCarousel devant ceux-ci, la transition entre les diapositives est activée par défaut.]

Vous pouvez voir une version ici en utilisant le CSS maxcdn v3.3.0 ici: bizharbour.net/projects/jambalaya/index.html

Celui qui utilise l’appel de la version v3.1.1 locale localisée se trouve ici: bizharbour.net/projects/jambalaya/crewed-yacht-charter-sample-menu.html Le fondu fonctionne sur celui-ci.

Une autre chose que j’ai modifiée est l’appel à jquery et bootstrap js. J’utilise maintenant:

    

Auparavant, j’utilisais:

   

Le fichier bootstrap.js local est la v3.1.1, qui inclut Bootstrap: transition.js v3.1.1, si cela signifie quelque chose.

Comment faire en sorte que le carrousel de Bootstrap 3.3.0 reconnaisse la transition carrousel-fondu?

Merci pour toute aide.

Cordialement, Tracy

J’ai rencontré le même problème et je pense avoir une solution à vos besoins. Dans la version 3.3, ils ont ajouté des transformations CSS pour améliorer les performances du carrousel dans les navigateurs modernes. Vous devez donc remplacer certains styles. Dis-moi si cela a fonctionné pour toi. 🙂

 -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 

Ma solution ici: http://codepen.io/transportedman/pen/NPWRGq?editors=110