Vertical thumbnails issue

Alex Khodokov's Avatar

Alex Khodokov

07 Jul, 2016 11:08 AM

Hi Dmitry,

we have a strange issue with the vertical thumbnails in our slider on: https://ideaing.com/product/canary-all-in-one-home-security-device

sometimes (not always) if you load the page, the thumbs are shifted down and the thumb arrows are not working. Then you reload once or twice, and it's fine (a screenshot attached). The slider code is:

 $('#gallery').royalSlider({
                    arrowsNav: true,
                    loop: false,
                    keyboardNavEnabled: true,
                    controlsInside: false,
                    imageScaleMode: 'fit',
                    arrowsNavAutoHide: false,
                    controlNavigation: 'thumbnails',
                    controlNavThumbsNavigation: true,
                    thumbsFitInViewport: false,
                    navigateByClick: true,
                    startSlideId: 0,
                    autoPlay: false,
                    transitionType: 'move',
                    globalCaption: false,
                    deeplinking: {
                        enabled: true,
                        change: false
                    },
                    thumbs: {
                        arrows: true,
                        appendSpan: true,
                        firstMargin: false,
                        orientation: 'vertical',
                    },
                    loop: true,
                    video: {
                        autoHideArrows: true,
                        autoHideControlNav: false,
                        autoHideBlocks: true,
                        youTubeCode: '<iframe src="https://www.youtube.com/embed/%id%?rel=1&autoplay=1&showinfo=0" frameborder="no" allowFullscreen></iframe>'
                    },

                });

thanks,
Alex

  1. Support Staff 1 Posted by Dmitry Semenov on 07 Jul, 2016 03:30 PM

    Dmitry Semenov's Avatar

    Hello,

    You must define the size of .rsThumb element. Currently you've set it to auto, so slider doesn't know the size of thumbnail until image is loaded.

    Dmitry

  2. 2 Posted by Alex Khodokov on 08 Jul, 2016 07:20 AM

    Alex Khodokov's Avatar

    Thanks, that seems to have fixed it.

    -A

Reply to this discussion

Internal reply

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

Attaching KB article:

»

Already uploaded files

  • slider-issue.png 569 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