Thumbs images getting on top of each others.

supa's Avatar

supa

12 Feb, 2018 09:28 PM

Hi Dmitry,

I cannot find a way to fix this, but thumbs are getting on top of each other.

Here is the page :
http://patriciadoreye.com/photographers/

Can you help on this ?
Thank you,
GUillaume

  1. Support Staff 1 Posted by Dmitry Semenov on 12 Feb, 2018 09:39 PM

    Dmitry Semenov's Avatar

    Hello,

    Thumbnails must have the same width, preferably predefined via CSS (on .rsThumb element).

    If you really need to have different widths, you may choose tabs as a navigation. Tabs cannot be scrollable, but can have any dimensions and can be styled however you wish.

    To implement this, use option controlNavigation:'tabs' and place thumbnail image in each tab http://dimsemenov.com/plugins/royal-slider/documentation/#thumbnails

    <div class="rsTmb"> 
      <img src="your-thumb.jpg" /> 
    </div>
    

    Dmitry

  2. 2 Posted by supa on 12 Feb, 2018 09:44 PM

    supa's Avatar

    I will lok into that, thanks for this super fast answer.
    Top support Dmitry !

  3. 3 Posted by supa on 14 Feb, 2018 08:23 AM

    supa's Avatar

    Dmitry,

    So images should have the same width, can the height can vary then ?

    I use the HTML version on another page where thumbs have the same width of 200px. When the page loads the thumbs gets stacked within a column and display normally only if user reload the page.

    http://patriciadoreye.com/books/

    Do you know a way to avoid this ?
    Thanks,
    Guillaume

  4. Support Staff 4 Posted by Dmitry Semenov on 14 Feb, 2018 04:29 PM

    Dmitry Semenov's Avatar

    Set width of thumb element, e.g. .rsThumb { width: 200px }.

    Currently, width of images is undefined until they're loaded/cached.

Reply to this discussion

Internal reply

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

Attaching KB article:

»

Already uploaded files

  • PDO_images_Thumbs_Below.jpg 174 KB

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