next / previous RTL direction - keyboard arrows !

[sofian]

hi
my site is
RTL direction
i converted the next / previous on the screen that the left is on right and the right is on left and it works ok .

But the next / previous keyboard arrows still works LTR .
how can i convert it with css or javascript code .
thanks.

[Jan]

Hi, where exactly did you change it, for some specific Popup method?

Jan

[sofian]

Hi, where exactly did you change it, for some specific Popup method?

Jan

i added this css code to my custom css file :

Code: Select all

.pswp__button.pswp__button--arrow--right{left: 0;right: auto;}
.pswp__button.pswp__button--arrow--left{right: 0;left: auto;}

now i need same direction on keyboard left and right arrows .

for some specific Popup method?

i dont have any info about Popup method !
how many Popups has phoca gallery ? i dont know about this .

[christine]

Hi sofian,

i added this css code to my custom css file :

Code: Select all

.pswp__button.pswp__button--arrow--right{left: 0;right: auto;}
.pswp__button.pswp__button--arrow--left{right: 0;left: auto;}

It appears to be photoswipe.

i dont have any info about Popup method !
how many Popups has phoca gallery ? i dont know about this .

PG > Options > Detail View > Detail Window > there are 5 methods. (Joomla 4)

About the keyboards: I don't know

Kind regards
Christine

[sofian]

It appears to be photoswipe.

PG > Options > Detail View > Detail Window > there are 5 methods. (Joomla 4)

About the keyboards: I don't know

Kind regards
Christine

yes it is photoswipe .

[sofian]

this is the code that do the arrows slide :
media\com_phocagallery\js\photoswipe\js\photoswipe.min.js

Code: Select all

Xa=function(a){var b="";i.escKey&&27===a.keyCode?b="close":i.arrowKeys&&(37===a.keyCode?b="prev":39===a.keyCode&&(b="next"))

i want to add this code to my custom js file :

Code: Select all

document.addEventListener('keydown', function(event) {
    if(event.keyCode == 37) {
       next image.....
    }
    else if(event.keyCode == 39) {
      prev image ..... 
    }
});

i just need to complete the final code .

[Jan]

Ok

[sofian]

Ok

it not solved yet .

i just need to complete the final code .

[Jan]

Hi, OK (I understand), if you will solve it will be great to get updated solution here.
I think, the original version of the JS should be taken, not the minified and the changes should be done directly there
Jan