Error with Internet Explorer
Closed this issue · 6 comments
For some reason the plugin works great on firefox and chrome but not on ie. The numbers are moving but the images are not rottating.
Please see example here:
http://digi-com.co.il/clients/kolhasport/
What am I'm doing wrong?
Thanks.
Which IE version are you having problems with?
@digicomisrael I've taken a look and sure enough the slider does not scroll. When testing the demos of the plugin (http://i-like-robots.github.io/jQuery-Slideshow/) in IE9 however they work as expected.
Looking into your implementation I can see you're including 3 slideshow scripts. Without wishing to spend more time looking into specifics my best guess is that there is a conflict between them.
If you'll look again you will see I commented everything which is not your script.
Still it's not working.
Please help me.
@digicomisrael I've taken another look at your problem and is caused by the site being right-to-left.
When the script is checking the position of the left slide (https://github.com/i-like-robots/jQuery-Slideshow/blob/master/src/slideshow.js#L362) it is always returning 0. This is because the slideshow is starting from the right-most scroll position.
If you add the rule direction: ltr;
to the .slideshow
CSS declaration it will fix your problem.
Thanks.
You have found the problem but just need one more step for the solution.
After setting the .slideshow
CSS to direction: ltr;
You also need to change this line:
this.$wrapper = this.$carousel.wrap('<div style="position:relative;overflow:hidden;">').parent();
to this:
this.$wrapper = this.$carousel.wrap('<div style="position:relative;overflow:hidden;direction:ltr;">').parent();
in the slideshow.js file.
This will make it work.
Thanks for your help. Maybe this RTL thing can be documented so future RTL users can use it.
I've forced it by default in 1.7.2 =)