jQuery plugin: FlexSlider now with RTL Support

FlexSlider is an awesome, fully responsive and almost perfect jQuery slider plugin. Unfortunately it lacks RTL support. The good news is that it required few CSS and JS modifications to add the RTL support to it.

All you need to do is add rtl: true to your options when initializing the slider:

$('.flexslider').flexslider({
                animation: "slide",
                rtl: true
              });

I've forked the project at GitHub and added an rtl branch if you want to check it out and download it. Enjoy!

Let me know if you faced any RTL related issues.

Average: 3.8 (6 votes)

Comments

Problems in thumbnail navigation

I fixed some bugs. Check it now.

I don't see working demo of carousel with 2 or 3 image, RTL file is not available in downloads.

You can simple add the "rtl:true" to any of the demos. I added it to the demos here: http://rtl-this.com/sites/default/files/demos/FlexSlider/demo/dynamic-ca...

I think they already have support for RTL, we just need to set reverse:true
$('.bannerSlider').flexslider({
reverse:true
});

Yes but it only affects the direction of the slider. The paging navigation and probably other features will still be in LTR.

Thanks Dude! Its working great now.

In mobile version still there is a bug, when we swipe it swipes in opposite direction.

Do you have any solution for this?

The only available solution for rtl is to set direction to vertical.

Add new comment

Twitter Updates

Recent comments

Who's online

There are currently 0 users online.