Numbers inside the Thumnails

nela2's Avatar


12 Dec, 2012 09:53 PM

I am trying to create a slider like you have on the homepage, first tab "new royal slider".
As you try to re-size this slider to, say, mobile size, its hard to tell how many slides are there in total. I don't know which slide I am on.
I am looking for a way to indicate to a user, either via numbers (2/4) or bullets, how many slides are there in total and where they are in the viewing process.
What would you recommend is the best way to handle this and is it possible?

Thank you

  1. Support Staff 1 Posted by Dmytro Semenov on 12 Dec, 2012 10:29 PM

    Dmytro Semenov's Avatar


    There are many ways to indicated current slide. This might help for example


  2. 2 Posted by nela2 on 12 Dec, 2012 11:32 PM

    nela2's Avatar

    Do you have an example of this?
    Should all these changes be made in one js file?
    Thank you

  3. Support Staff 3 Posted by Dmytro Semenov on 13 Dec, 2012 07:12 PM

    Dmytro Semenov's Avatar

    The code above should be added in document.ready(), after slider initialization.


  4. 4 Posted by nela2 on 13 Dec, 2012 07:43 PM

    nela2's Avatar

    Ok, thank you. Got it to show up. But it shows up below the thumbnails, is it possible to show within the slide itself?

  5. Support Staff 5 Posted by Dmytro Semenov on 13 Dec, 2012 08:52 PM

    Dmytro Semenov's Avatar

    You may shift it via CSS, or append to slider container via jQuery.


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


? 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