Multiple slider on one page - keyboard navigation

Guru's Avatar

Guru

27 Apr, 2018 04:48 PM

Hello,

I have multiple sliders - around 6 - on a single page. How do I achieve keyboard navigation for each? My client also want keyboard focus on slides when tabbed.

Any possibilities?

Thanks

  1. Support Staff 1 Posted by Dmitry Semenov on 27 Apr, 2018 06:24 PM

    Dmitry Semenov's Avatar

    Hello,

    Keyboard navigation option is global, meaning pressing left/right arrows will control all slides at once.

    To achieve keyboard navigation for each, you'll need to disable default navigation and write your own implementation via slider JS API (e.g. check for scroll position to find which slider is active). http://help.dimsemenov.com/kb/wordpress-royalslider-advanced/wp-whe...

  2. 2 Posted by Guru on 27 Apr, 2018 07:08 PM

    Guru's Avatar

    Thank You.

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac