1. ev
  2. Soru-cevap
  3. Baykuş Atlıkarınca etkisi çalışmıyor Çalışmıyor

Baykuş Atlıkarınca etkisi çalışmıyor Çalışmıyor

2014-07-23 29 views
14

Baykuş Atlıkarınca üzerindeki solma efektini uygulamaya çalışıyorum ama işe yaramıyor.Baykuş Atlıkarınca etkisi çalışmıyor Çalışmıyor

Bu kemanda gördüğünüz gibi - http://jsfiddle.net/lav911/fHa6J/, docs numaralı belgede belirtilen transitions.css dosyasını yüklüyorum.

Bir şey mi eksik? Neden solma yerine kayıyor? Ayrıca, fade onların sitesinde bile işe yaramaz dikkat edin.

Daha sonra düzenleme: Google Chrome 35 ve Firefox'ta solgun görünüyor, ancak Google Chrome 36'da kayıyor. Garip.

kaynak

2014-07-23 Zubzob

+0

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

olduğu http://owlgraphic.com/owlcarousel/demos/transitions.html? Ben –

+0

@jQueryAngryBird evet göremiyorum, ben de benim yazı olarak bahsetti. Sonraki düzenlemeye bakın. – Zubzob

+0

Solmaya etkisi görebildiğim Doğru karacanın koduna bağlantı verebilir misiniz? –

cevap

14

Anlaşılan eklentinin github repo bildirildi -

https://github.com/OwlFonk/OwlCarousel/issues/346 Basitçe bu version of the plugin (pull-isteği) kullanılarak düzelttim.

kaynak

2014-07-23 13:56:11 Zubzob

+0

... Chrome'u onarır, ancak Internet Explorer'ı (en az 11 tane, test edebileceğim tek şey) bozuyor –

+1

önerilmez. Bu IE9'da bozulur. ve sonra. BrowserStack üzerinde test edilmiştir. Bu çekme isteği düzeltmesini kullanmayın. – user3632930

+2

new: artık sürüme geçiş yapmak için animate.css ile sürüm 2.4 http://www.owlcarousel.owlgraphic.com/index.html kullanabilirsiniz. – user3632930

8

Sorun, baykuş eklentisinin CSS dönüşümü desteklemeyen tarayıcılarda IE10 ve 11'i içerdiğidir.

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

bunu çözmek gibi görünüyor

support3d = (Modernizr.csstransforms3d);

ile: Yani değişkeni "support3d" Modernizr birlikte baykuş bandını kullanarak ve yerini alabilir! :) güncelleme 1.3.2 itibaren

kaynak

2014-11-18 20:14:32

+1

Bu çok çalıştım.Ne yaptığını bilmiyorum, ancak sorunu Chrome'da giderir! – jasonbradberry

+0

Geçerli tarayıcının CSS Dönüşümlerini destekleyip desteklemediğini kontrol etmek için [Modernizr] (http://modernizr.com/) kullanır, ayrıca 'Modernizr.csstransitions' için de kontrol etmeniz gerekir. –

1

stilleri ana owl.carousel.css dosyasından dışarı taşınır tüm geçişler

Linki owl.transitions.css owl.transitions.css kafanın içinde veya css bunu ithal etmek .

kaynak

2015-03-03 20:24:36 colormono

5

Artık krom hem -webkit-transformini ve dönüştürme özelliğini desteklediğinden, bayt kodu başarısız olur, çünkü 3dsupport algılama, yalnızca döndürülen dizinin (dönüştürme stilleri) 1'e eşit olması durumunda doğrudur, sadece bu satırı değiştirin: Bu hat için

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

:

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

Ve çalışması gerekir;)

kaynak

2015-05-16 20:32:20

İlgili konular

 İlgili konular