AnythingSlider icon indicating copy to clipboard operation
AnythingSlider copied to clipboard

rtl does not take effect

Open JohnMido opened this issue 13 years ago • 3 comments

using ProLoser-AnythingSlider-v1.8.3-0

I do call playRtl : true,
and css applying
.anythingSlider.rtl .anythingWindow { direction: ltr; unicode-bidi: bidi-override; }

even after making it direction:rtl;

nothing happen, it still animate from left-to-right

JohnMido avatar May 16 '12 10:05 JohnMido

If the page is set to RTL, then using the playRtl option will actually apply the css to switch it back to LTR because of the floats.

Check out this demo... the navigation numbers are off, I know, but it's a basic example:

CSS

body { direction : rtl; }

Script

$('#slider').anythingSlider({
    // If true, the slideshow will move right-to-left
    playRtl: true
});​

Mottie avatar May 16 '12 14:05 Mottie

Thanks for your response, even in your demo it doesn't actually revert animation direction, it just switch arrows ! here a demo for my setup http://uluva.com/anything/ the first rtl set to false and second slider under it set to true ... there is no deference no matter what i do i can't make it work naturally ! notice the navigation in second one it's so messy besides animation direction still the same.

JohnMido avatar May 16 '12 15:05 JohnMido

Sorry, I've been busy and forgot to look at your demo... is it missing now?

I know the RTL support is poor at best. The way the RTL works currently is that it switches the slider back to LTR because the floats and the slide positioning would be completely off (it would need to measure from the other side). So that's why setting the playRTL option is needed, to enable the css to switch the slider back to LTR, but with the navigation switched in direction.

I'll try to find some time to look into fixing this. Sorry for the long delays.

Mottie avatar May 20 '12 21:05 Mottie