14

フクロウのカルーセルにフェード効果を適用しようとしていますが、機能していないようです。

このフィドル ( http://jsfiddle.net/lav911/fHa6J/ ) でわかるように、ドキュメントtransitions.cssに記載されているファイルを読み込んでいます。

何か不足していますか?フェードではなくスライドするのはなぜですか?また、彼らのサイトでもフェードが機能しないことに注意してください。

後で編集: Google Chrome 35 と Firefox ではフェードするようですが、Google Chrome 36 ではスライドします。変。

4

5 に答える 5

14

どうやらプラグインの github リポジトリで報告されました - https://github.com/OwlFonk/OwlCarousel/issues/346

このバージョンのプラグイン(プルリクエスト) を使用するだけで修正されました。

于 2014-07-23T13:56:11.353 に答える
8

問題は、CSS 変換をサポートしていないブラウザーの中に owl プラグインの IE10 と 11 が含まれていることです。したがって、フクロウ カルーセルを Modernizr と組み合わせて使用​​し、「support3d」変数を置き換えることができます。

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

support3d = (Modernizr.csstransforms3d);

それはそれを解決するようです!:)

于 2014-11-18T20:14:32.243 に答える
3

変化する

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

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

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

于 2015-06-08T09:12:29.663 に答える