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?
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
Vous devez vous connecter pour publier un commentaire.
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.
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
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:
avec
qui semble pour le résoudre! 🙂
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
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:
À cette ligne:
Et cela devrait fonctionner 😉
OriginalL'auteur Michael Falck Wedelgård
Changer
à
https://github.com/OwlFonk/OwlCarousel/issues/515
OriginalL'auteur rttmax
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