Slide photos with left and right arrows on the keyboard

Wishlist Photo Gallery
1

Having to click on the side arrows is a pain. Most plugins you can just click the left and right arrow to move the images.

1 Like
2

Hi there, @Barnaby_Kirsen and welcome to the Community :waving_hand:

Interesting idea, thanks for sharing! We’ll try to consider it as a built-in feature, especially if more users support this request.

The good news is that our devs can create a custom script for this. I’ll get back to you once the solution is ready :slightly_smiling_face:

3

We’ve added this code to the Custom JS field on the Style tab of your widget’s settings to let you slide photos using arrows on the keyboard:

const waitForElement = (selector, root = document) => new Promise(res => {
  let i = 0;

  const check = () => {
      const components = root.querySelectorAll(selector);

      if (components.length) {
          res([...components]);
      } else if (i !== 50) {
          setTimeout(check, 100);
          i++;
      }
  };

  check();
});

waitForElement(".eapp-photo-gallery-thumbnails-mainButton").then(([leftArrow, rightArrow]) => {
  document.addEventListener("keydown", ({ key }) => {
    if (key === "ArrowLeft") {
      leftArrow.click();
    }

    if (key === "ArrowRight") {
      rightArrow.click();
    }
  });
});

Note: Custom JS doesn’t function in the preview mode, so you can check the result right on your website or through the Share Link :slightly_smiling_face: