Effet de fondu de carrousel de hibou ne fonctionne pas
J'essaie d'appliquer l'effet de fondu sur un carrousel de hibou, mais cela ne semble pas fonctionner.
Comme vous pouvez le voir dans ce violon - http://jsfiddle.net/lav911/fHa6J/ , je charge le transitions.css fichier mentionné dans leur docs .
Suis-je en train de manquer quelque chose? Pourquoi glisse-t-il au lieu de s'estomper? Notez également que le fondu ne fonctionne pas, même sur leur site.
Édition ultérieure: Il semble s'estomper sur Google Chrome 35 et Firefox, mais sur Google Chrome 36 il glissera.
Il a été rapporté apparemment sur le dépôt github du plugin - https://github.com/OwlFonk/OwlCarousel/issues/346
En utilisant simplement cela version du plugin (pull-request) l'a corrigé.
Le problème est que le plugin owl inclut IE10 et 11 parmi les navigateurs qui ne prennent pas en charge la transformation CSS. Vous pouvez donc utiliser le carrousel de hibou en combinaison avec Modernizr et remplacer la variable "support3d":
support3d = (asSupport !== null && asSupport.length === 1);
avec
support3d = (Modernizr.csstransforms3d);
cela semble le résoudre! :)
Étant donné que chrome prend désormais en charge -webkit-transform et la propriété transform, le code hibou échoue, car sa détection 3dsupport ne renvoie true que si le tableau renvoyé (de styles de transformation) est égal à 1, changez simplement cette ligne:
support3d = (asSupport !== null && asSupport.length === 1);
À cette ligne:
support3d = (asSupport !== null && asSupport.length > 0);
Et ça devrait marcher;)
Changement
support3d = (asSupport !== null && asSupport.length == 1);
à
support3d = (asSupport !== null && asSupport.length >= 1);
Depuis la mise à jour 1.3.2, tous les styles de transition sont déplacés du fichier principal owl.carousel.css vers owl.transitions.css
Liez owl.transitions.css dans votre tête ou importez-le dans votre css.