-
Notifications
You must be signed in to change notification settings - Fork 101
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
Slider doesn't appear in the RTL ( Right to left ) direction pages #95
Comments
It doesn't show in IE7 only when in RTL (Right to Left mode). All attempts to modify the CSS to fix this problem have been unsuccesful... |
although it doesn't resolve the issue when the slide content is also rtl, if you specify css for [slider container element] div {direction: ltr;} at least the slides work |
What I did to resolve this was dir="rtl" on every slide, but not on the slides container. Seems to work fine. |
I can confirm that @Caparico's fix works. Expanding upon it, I had dir="rtl" on the body, so I put dir="ltr" on the parent of the slider container, and then dir="rtl" on each of the slides. |
replace this line in js file :
with
|
@mrsaleh thats exactly what i did just yesterday but if you wish to use the bxSlider with no css ("useCSS: false" makes the slider use no css3 and only js), this method will not work. if someone has an idea how to support rtl (non of the tricks in this thread didn't worked for me) i will be glad to hear about it! |
I have tried solution of "mrsaleh", the images are not appearing & rotating but there is one problem, when the first item is displayed, it is not complete, it shows part of my last image. and so then the rotation starts, each next image contains show part of previous image. I think that initial left position is not set correctly, any idea how to resolve it |
Hi, Follow the below mentioned steps on bxSlider to make the RTL :-
Thanks |
@gkRana that's not enough to make it the RTL, Can you do an example and show us ? |
@gkRana where does -215 come from? I don't think it should be there. |
@puijob:- check on line no: 191 Still if you are facing any issue in RTL, Let me know or you can share your code with me. |
Just add LTR to the main UL or dive containing those children |
I'm facing this issue on on http://www.alaproperty.com/ar/l i added dir="rtl" to slider divs but it didn't resolve the problem. Any suggestions? |
Please try to add dir: ltr; to #landing_slider |
Added but nothing changed. Final unworking code:
|
Not RTL use LTR instead for #landing_slider and test it for children DIVs |
just tested with LTR but nothing changed :( |
I've tested with several sites, you may need to add LTR to parent nodes too. Try it |
now it's ok. i added it to 4. upper div and now it's working. thanks |
You are welcome, good for you. |
@ne0c0de : What about the text. Yet you are just using the images its looking fine, But if you will put the text instead of images it will appear from Left-To-Right. however it should appear Right-to-Left. |
@fadifannoun I tried rtl on body , ltr on parent (ul)div , rtl on child div(li) , but not helped....plz give me suggestion.Thanks |
@anberrana:- try this |
Hi, i have this problem on 4.2.5 |
try with css. no need to change any other code. jus use in css .it's working for me :)
|
@coder-rukon thanks bro its what i looking for easy and helpful |
it is work thanks , but arrow is hide then show how fix it to Chang slide if want ? |
What worked for me on Arabic page
|
If the slider's container was in RTL ( Right to left ) direction the slider will not appear in the right position, i think this issue is common in the RTL languages websites like Arabic.
The text was updated successfully, but these errors were encountered: