Right to Left Language - Not Showing

I have totaly not tested this on R2L languages... not much time at the moment to test/debug this. Patches are very welcome though.

No need to patches at all. All what is needed is to override some css settings using custom local-rtl,css file in Drupal theme folder:

Here:

.gallery-slides { direction: ltr; }  /* Yes, it needs to be defined explicitly "ltr" for things to appear on RTL site */
.galleryformatter-greenarrows .gallery-thumbs li { float: right; }
.galleryformatter-greenarrows .view-full { left: 0; }

Using these overridden values, this great module should work perfectly on RTL sites.

Update:

I have made yet another CSS overridings (plus next, prev buttons flipping). One problem still cannot be solved though:

The green arrows to move the thumbnails right and left is not working. The big image buttons work but not the bottom green ones. Maybe the JS needs to be patched ?!

I do not think it is possible with the infinitecarousel.js that GF uses. The closest thing to having support for RTL with a image carousel is the Mod jCarousel http://drupal.org/project/jcarousel

The docs for jcarousel, http://sorgalla.com/jcarousel/ and http://sorgalla.com/projects/jcarousel/ say that there is a switch in the config variables "rtl" true/false but you will not find an example where they demonstrate this function. If you go on to jQuery docs, http://docs.jquery.com/Main_Page , you can fnd posts where people are asking for this functionality but they all say there are "bugs".

YUI is the closest thing that has any working functionality for RTL functionality on various widgets but it might be a large task for you to integrate as you would essentially have to build your own module. http://yuilibrary.com/gallery/show/carousel-rtl

I think that with the Drupal module "jCarousel" would be your best bet because it has properties to where you can set the starting image and how many images will scroll when going to left or to right.... with GF, When the Gallery first loads and you click the "left" scroll button, it loads the "last" image in the gallery with blank spaces to the left (shows only 1 thumbnail).

This really isnt a "bug". I think it is more of a DOM issue and the core developers for jQuery and YUI dont seem to be interested in spending much time to give you that functionality. RTL presents a whole host of problem when creating invisible containers because the X, Y coordinates have to be switched somehow... and that is not an easy task when digging down that deep into the DOM.

Good luck! :)

Thanks for the information DRIVE.

Perhaps in future versions of jQuery we'd be able to do this in a sane manner. I'd happily look at patches on this though =)

I've start to using Gallery formatter also on a RTL Site.
Got also the problem, that the Pictures doesn't shown. I've solved this issue with this line of css code added in my style.css

.gallery-processed .gallery-slides .gallery-slide{
	right:0;
}

The next and previous button works fine. You've no need to change the direction.

Hope it works also for you

There was more tricky then i think.
I've solved it so

.galleryformatter {
	direction:ltr;
}
.gallery-frame{
	direction:rtl;
}
.galleryformatter-greenarrows .gallery-thumbs{
	padding:0 30px;
}
.galleryformatter-greenarrows .gallery-thumbs .arrow{
    overflow: hidden;
}
/*IE 8 needs a fix*/
.ie8 .slider .slide {
	right:0px;
}

Testet with Firefox, Opera, Chrome, IE 6,7,8,9
I Hope this will help someone :)

Hi,

Thank you!!

That's so helpfull for me :-)

tnx, it work

tks, I did not adopt this solution but it helps me a lot.

If you guys could provide a patch we could solve this for everyone (including yourselves in the future) ;)

I'm closing it because the issue was created a long time ago without any further steps.

if you still need it then raise a new one.
thanks