controlling the slider with arrow keys when there is more than one slider?

  • Resolved dogel

    (@dogel)


    2 years ago

    Hi,

    I am using the FlexSlider with hidden arrows as navigation and in non-automatic mode, i.e. moving manually to the next/previous slides.

    When my post/page contains only *one* slider, I can use the arrow keys on the keyboard to move to the next/previous slide. However, if there are two or more sliders on the page, the keyboard navigation doesn’t work at all anymore.

    I understand that by default metaslider can’t know which slider I want to affect, but after having navigated using the screen arrows or just selecting the slider by clicking on it it would be clear which one I selected. Still it won’t react to keystrokes.

    Is that a feature of the pro version or is it simply not possible to implement that? (or is there a bug?)

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter dogel

    (@dogel)

    Addition to the question: Or is there any JS I could add to make it work?

    Plugin Contributor rochdesigns

    (@rochdesigns)

    Hi @dogel

    I tried creating a custom code that will update Flexslider parameters depending on the slider that’s clicked but the keyboard parameter is not included on the options that can be updated.

    There is an existing parameter for Flexslider – multiplekeyboard this is disabled by default but it allows to use keyboard on multiple slides. Only issue is all the sliders will move to the next slide when keyboard is used.

    Here’s how to enable it using our function: https://gist.github.com/rochdesigns/eee454b4968aceec825646fadc0797d9

    Thread Starter dogel

    (@dogel)

    Hi @rochdesigns

    Thanks a lot for your answer! I tried that code, and it works – keyboard navigation is on all the time.

    But as you already wrote, it controls all sliders on the page at once, so they all move simultaneously. I am not sure yet if I can use that. But maybe if I change the design a bit so that each slider is in a section that has at least the full height of the viewport, so that only one slider is visible at a time.

    Anyway, thanks for helping me, I really appreciate that!

    Plugin Author Steve Burge

    (@stevejburge)

    You’re welcome, @dogel

    We’re happy to help as best we can.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘controlling the slider with arrow keys when there is more than one slider?’ is closed to new replies.