thumbs generation

saturn's Avatar


22 Nov, 2021 05:53 PM

I'm confused on how thumbnails are supposed to be generated. I've tried to follow the examples in the code as well as the documentation, but none seem to work. I am stuck using an existing template and hacking RoyalSlider to use the slides as content slides. is there a way to get this working? see code here

doesn't seem to pull in the thumb image into the thumb nav area

  1. Support Staff 1 Posted by Dmytro Semenov on 23 Nov, 2021 05:00 PM

    Dmytro Semenov's Avatar


    The plugin does not generate thumbnails, you need to provide the path to a small image. You may use the markup like:

    <div class="royalSlider rsDefault">
        <!-- Image slide with image thumbnail -->
        <div class="rsContent">
            <img class="rsImg" src="image.jpg" alt="image description" />
            <div class="rsTmb"><img src="thumbnail.jpg" alt=""></div>

    For more examples, refer to

  2. 2 Posted by saturn on 23 Nov, 2021 05:13 PM

    saturn's Avatar

    right, I understand, I just wasn't sure of the syntax required to define the thumbs

    can I just place a div with the class rsTmb anywhere inside the slider element, or does it have to be within rsContent and under rsDefault?

  3. Support Staff 3 Posted by Dmytro Semenov on 23 Nov, 2021 08:14 PM

    Dmytro Semenov's Avatar

    Each child element of the .royalSlider will be treated as a slide.

    A slide may contain div with class rsTmb, which contains the content of the slide thumbnail.

    rsContent class is not required, it just makes content 100% width/height.

  4. 4 Posted by saturn on 23 Nov, 2021 09:27 PM

    saturn's Avatar

    got it
    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


? 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