Keyboard shortcuts in image gallery lightbox

metallissimus

When opening the first image of a gallery in the lightbox I want to (I might even say: expect to be able to) navigate images with the left/right arrow keys.
Actually I am really suprised this isn't there already (or I just can't find it).

metallissimus

Is there any way I can add this functionality on my own? I am happy to deal with a little code if neccessary, but I would probably need assistance for that.

PS: I am sorry if my inital post came across harsh or demanding, English is not my native language.

mad

metallissimus Hi, I guess the most straightforward would be to add some JS to the footer items field that binds an event handler to the arrow keys that triggers a click on the respective arrow buttons in the lightbox. There should be tons of tutorials out there on how to implement that.

metallissimus

mad Thanks for pointing out a direction, that sounds like something I could manage.

metallissimus

That was a nice little exercise, first time I am working with JS.

In case someone else is looking for a quick solution, this did the trick (I also added ESC to close the lightbox):

window.addEventListener("keydown", (event) => { switch (event.key) { case "ArrowRight": document.getElementsByClassName("am-gallery-lightbox-next")[0].click(); break; case "ArrowLeft": document.getElementsByClassName("am-gallery-lightbox-prev")[0].click(); break; case "Escape": document.getElementsByClassName("am-gallery-lightbox-close")[0].click(); break; } });