Add support for RTL locales

[ZakariaEsbaiy]

fancybox cause problems when clicking on images if the website had dirction rtl on body, and the controls and animations are glitchy.

[mjcampagna]

I can confirm this. Some of what I see when using right-to-left includes:

• left/right navigation is reversed.
• images slide into place, then sometimes disappear.
• some images simply do not appear at all.
• clicking a thumbnail sometimes loads the wrong image.

Switching my page back to left-to-right, everything functions as expected.

[fancyapps]

These glitches were easy to fix by couple of CSS lines (included in the last commit).

But, could you describe what would be needed for full RTL support?
I suspect navigation arrows should be switched places, right? What else?

[ZakariaEsbaiy]

@fancyapps Yeah I fixed it by adding dir:ltr; to .fancybox-container.
But that just fix the problems not support RTL.
Yeah navigation arrows should be switched places, also the direction of animation, and the caption should go to the right, and the buttons (full screen, close, ...) should go to the left.
Basically everything should switch places, I've worked on a lot of RTL websites, everything should switch places, you can confirm that by checking some RTL websites on themeforest.net
Thank you for the awesome plugin by the way.

[VadimLu]

Same here..
For example Hebrew/Arabic Langs, Everything goes from right to left..

[alan-zhang-]

Hi, when arabic website would be supported?

[technilogics]

when Arabic support will be added, using css i fix directions placement, but image scrolling direction should be reversed