Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Doesn`t work in IE #53

Open
test255 opened this issue Feb 13, 2014 · 2 comments
Open

Doesn`t work in IE #53

test255 opened this issue Feb 13, 2014 · 2 comments

Comments

@test255
Copy link

test255 commented Feb 13, 2014

Hello,
I tested http://www.joelambert.co.uk/flux/ .

I get an Error that my browser does not support css3 transitions and i get a error that the browser also isn`t able to use 3d transform!
Tested in IE 10 and 11 on windows 8.1 as operating system.

In Mozilla are the images sometimes only half shown. Briefly the images get halved!

@creation-it
Copy link

To fix IE (incl. IE11) in the Wordpress Plugin try to change the wp-flux.js to:

jQuery(document).ready(function(a){a("div.wp-fluxslider").each(function(d,b){
    var isIE11 = !!navigator.userAgent.match(/Trident.*rv\:11\./);
    var c;

    if (isIE11 || $.browser.msie ) {

        /*IE Backup*/
        a(b).flux({
            autoplay: false,
            pagination: true,
            controls:true,
            captions:true,
            transitions:['blocks','slide','warp']
        });

    }else{

        c=a(b).data("options")||jQuery.parseJSON(a(b).attr("data-options"));
        a(b).flux(c);

    }


    })});
    flux.transition.prototype.fallbackSetup=function(){
        jQuery('<div class="img1"></div>').css({width:"100%",height:"100%","background-image":this.slider.image1.css("background-image")}).appendTo(this.slider.image1.css("background-image","none"))};

    flux.transition.prototype.fallbackExecute=function(){var a=this;this.slider.image1.find(".img1").animate({opacity:0},1500,function(){a.finished()}

    )};

@pokeyjoey
Copy link

Hi, I was curious will this fix work in the plugin in general not just for wordpress?

I'd like to demonstrate the plugin during a hackday presentation this week to my company and would like to say its possible to patch to work in IE as well.

I've installed from github on our webservers and get the error as well when loading in IE using your demo.html provided with the github slider.

It works great in all the browsers I've tested even on my Samsung Galaxy S3 browser.

Thanks for any help you can provide.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants