Horizontal mode doesn't start w/first image, and breaks IE10.

[dzaal]

version 4.1.1 Issue using mode: horizontal

issue 1: when images arent in cache, last image will be shown instead of first, while pager shows first. issue 2: slideshow isnt working at all in IE10 (my version) (auto start slideshow, but also clicking on the prev next controls wont work);

BTW: no javascript errors shown

[salunet]

I have the same...

[harryman-dev]

I had the same problem. After update to a current jQuery (in my case to 1.10.2.) the bxslider runs in IE10, too.

[andrewkew]

I get exactly the same problem. I found changing the mode from horizontal to fade fixes the issues and the actual first image is shown when it loads.

$('.bxslider').bxSlider({ mode: 'fade', adaptiveHeight: true, captions: true, useCSS: false });

Is this a bug with the new version of jQuery?

[salunet]

No i use jquery 1.8.3

Verstuurd vanaf mijn iPhone

Op 2 dec. 2013 om 18:30 heeft "andrewkew" notifications@github.com<mailto:notifications@github.com> het volgende geschreven:

I get exactly the same problem. I found changing the mode from horizontal to fade fixes the issues and the actual first image is shown when it loads.

$('.bxslider').bxSlider({ mode: 'fade', adaptiveHeight: true, captions: true, useCSS: false });

Is this a bug with the new version of jQuery?

— Reply to this email directly or view it on GitHubhttps://github.com/wandoledzep/bxslider-4/issues/328#issuecomment-29638655.

[brizoo]

I actually have the same problem. In some cases, using the horizontal mode doesn't works well.

[andrewkew]

I still haven't found a solution to this problem, but using the fade mode works fine, so have reverted to using that instead, cant waste more time debugging but would be great to find out what the problem actually is if anyone finds out.

[brizoo]

The only thing I found out is the fact that all pictures are disposed underneath the others. This means, the horizontal mode can't works, as they have to be disposed all just side to side in order to be able to play with margins to makes them move left/right. I think, there is a problem at the beginning of the initialization that makes preparing pictures for fade mode instead of horizontal if there are others parameters. Depending to others parameters, I've already seen it works though ...

[andrewkew]

Yup I looked through the code and it has some control logic, if fade then else so the fade logic seems to work a lot better with the margins and width.

But you are right I have totally seen it and have used it before when it works so not sure exactly why or when this is happening, other than my current project :S

[unfrev]

I don't know if anyone is still struggling with this, but it appears to be an issue with CSS3 transitions being used by default. For earlier versions of IE it falls back to a compatible method and IE11 supports transitions more thoroughly. To sort out the issue it's probably best to use a good old bit of browser sniffing for IE10 and set the useCSS option to false. That way you still get the benefit of hardware accelerated CSS transitions alongside compatibility in IE10.

[ghost]

I solved the problem by removing the easing options. IE9- doesn't support css transitions.

[piavgh]

try set infiniteLoop to false

[cekk]

I struggled with this problem today on an old site, and i fixed the problem with @unfrev solution: set useCSS to false.

Thanks!