"slide" mode not working in IE8 about flexslider HOT 11 CLOSED

You have a trailing comma on your last FlexSlider property. That is the problem.

from flexslider.

Thanks but i've tried that and if i remove the trailing comma on the last FlexSlider property and change the mode to "slide" it only shows the last slide in IE8 and the whole slider fails to work.

from flexslider.

So, you're saying that "fade" works as intended (what I see right now when I look at the site), but "slide" breaks the slider?

from flexslider.

That is correct, yes.

from flexslider.

I'm seeing the same behavior in IE7, 8 and Firefox 9. When set to "fade" everything works as expected, but if I switch to "slide" IE7, 8 and Firefox all load up the last slide and you can't get to any other slides.

from flexslider.

Link? I am still fairly certain this is a syntax issue. IE always barfs on those.

from flexslider.

That is entirely possible :) This is my syntax at the moment (in the HTML page).

<script type="text/javascript" charset="utf-8">
    $(window).load(function() {
      $('.flexslider').flexslider({
            animation: "slide",
            controlsContainer: ".flex-container"
      });
    });

I'm a little hesitant to post the link as we're trying to keep the new site under wraps. Could I email you the link privately if nothing seems out of place in the above code?

from flexslider.

Hey mbmuffin, you can check out the dev site here if you have a minute - going live tomorrow probably: http://new.47dev.com/

Any ideas why it might be breaking in IE and Firefox?

from flexslider.

@fortys you are setting flexslider margin to 0 with !important.

remove this and it should be fixed:

.flexslider .slides { margin: 0 !important; }

from flexslider.

I am having the exact same problem, but I don't have the !important tag on that class. Is there a solution to this?

from flexslider.

I have the exact same problem. Stripped everything out, refactured all my code from scratch. Done a full debug and it is caused by animation: "slide",

It's not to do with a trailing commar, as I've double checked this and I'm running this line as the first one in my setup. Any fixes would be much appreciated.

from flexslider.