thumbs generation

saturn's Avatar

saturn

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 https://s20030.p428.sites.pressdns.com/photo-gallery/

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

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

    Dmitry Semenov's Avatar

    Hi,

    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>
        </div>
    
    
    </div>
    

    For more examples, refer to https://dimsemenov.com/plugins/royal-slider/documentation/#thumbnails

  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 Dmitry Semenov on 23 Nov, 2021 08:14 PM

    Dmitry 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

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