2016-04-13 4 views
1

Ich habe diesen Code versucht es läuft perfekt auf allen Browsern, aber nicht auf IE jemand mir helfen, dies zu lösen. Ich kann diesen Code nicht ändern, aber bitte fügen Sie mehr Code hinzu, um den Fade-Effekt auf IE auszuführen.Wie Fade-Effekt von Eulenkarussell Schieberegler in IE-Browser

$(document).ready(function() { 
    $("#img-slider").owlCarousel({ 

    autoPlay: 3000, //Set AutoPlay to 3 seconds 

    items : 1, 
    itemsDesktop : [1199,1], 
    itemsDesktopSmall : [979,1], 
    itemsTablet:[768,1], 
    navigation : false, 
    pagination: true, 
    autoPlay: true, 
    touchDrag: false, 
    mouseDrag: false, 
    transitionStyle : "fade" 

    });  
}); 

Antwort

1

Es wurde berichtet, offenbar auf der GitHub Repo-Plugin - https://github.com/OwlFonk/OwlCarousel/issues/346

Das Problem ist, dass owl Plugin IE10 und 11 unter den Browsern enthält, die CSS-Transformation nicht unterstützen. So können Sie Eule Karussell in Kombination mit Modernizr verwenden und ersetzen die "Support3D" Variable:

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

mit

support3d = (Modernizr.csstransforms3d); 

, die es zu lösen scheint! :)

Oder wenn Sie die Version aktualisieren können einfach this version of das Plugin (Pull-Request) behoben.

+0

Nein, es funktioniert nicht, wenn ich diesen Code ersetze mein Slider funktioniert nicht in irgendeinem Browser Bitte teilen Sie anderen Code. – Rajendra

+0

Überprüfen Sie die aktualisierte Antwort –

+0

IE 10 und höher – Rajendra