Owl Carousel effet de fondu ne fonctionne pas

J'essaye d'appliquer l'effet de fondu sur un Owl Carousel, mais il ne semble pas fonctionner.

Comme vous pouvez le voir dans ce violon - http://jsfiddle.net/lav911/fHa6J/ , je suis le chargement de la transitions.css fichier mentionné dans leur docs.

Suis-je raté quelque chose? Pourquoi a-t-il glisser au lieu de s'atténuer ? Notez également que le fondu ne fonctionne pas encore sur leur site.

Plus tard edit: Il semble s'estomper sur Google Chrome 35 et Firefox, mais sur Google Chrome 36 elle va glisser. Étrange.

dans cette URL ici , owlgraphic.com/owlcarousel/demos/transitions.html Où est l'effet de fondu? je ne peux pas le voir
oui, c'est ce que je mentionne dans mon post. Voir les éditer plus tard.
U peut donner le lien pour le Bon code de Propre caraosel où je peux voir l'effet de fondu?

OriginalL'auteur Zubzob | 2014-07-23

  1. 14

    Il a été signalé apparemment sur le plugin de dépôt github - https://github.com/OwlFonk/OwlCarousel/issues/346

    Simplement à l'aide de cette la version du plugin (pull-request), il fixe.

    ... corrige Chrome, oui, mais les sauts de Internet Explorer (au moins 11, c'est tout ce que je peux tester)
    pas recommandé. cela rompt sur IE9. et plus tard. testé sur BrowserStack. ne pas utiliser ce pull-demande de correction.
    nouveau: vous pouvez maintenant utiliser la version 2.4 owlcarousel.owlgraphic.com/index.html avec les animer.css pour rendre curseur de transitions.
    Lien rompu, veuillez mettre à jour

    OriginalL'auteur Zubzob

  2. 8

    Le problème est que la chouette plugin inclut IE10 et 11 parmi les navigateurs qui ne supportent pas les CSS transform. Ainsi, vous pouvez utiliser owl carousel en combinaison avec Modernizr et de remplacer le "support3d" variable:

    support3d = (asSupport !== null && asSupport.length === 1);

    avec

    support3d = (Modernizr.csstransforms3d);

    qui semble pour le résoudre! 🙂

    Cela a fonctionné à merveille. Aucune idée de ce qu'il fait, mais il résout le problème en Chrome!
    Il utilise Modernizr pour vérifier si le navigateur prend en charge le CSS se Transforme, en outre, vous devriez vérifier pour Modernizr.csstransitions

    OriginalL'auteur Tomer Almog

  3. 5

    Depuis chrome maintenant les deux appuie -webkit-transform et de la transformation de la propriété, la chouette code échoue, depuis sa 3dsupport de détection est seulement de retourner true si le tableau retourné (de transformer les styles) est égal à 1, il suffit de modifier cette ligne:

    support3d = (asSupport !== null && asSupport.length === 1);

    À cette ligne:

    support3d = (asSupport !== null && asSupport.length > 0);

    Et cela devrait fonctionner 😉

    OriginalL'auteur Michael Falck Wedelgård

  4. 3

    Changer 

    support3d = (asSupport !== null && asSupport.length == 1);

    à

    support3d = (asSupport !== null && asSupport.length >= 1);

    https://github.com/OwlFonk/OwlCarousel/issues/515

    OriginalL'auteur rttmax

  5. 1

    De mise à jour 1.3.2 toutes les transitions styles sont déplacés hors de la principale chouette.carrousel.css fichier à owl.les transitions.css

    Lien de la chouette.les transitions.css dans votre tête ou de l'importer dans votre css.

    OriginalL'auteur colormono