Search code examples
jqueryhtmljssor

how to change the width of jssor thumbnail navigator


I'm trying to use the jssor transition library to have my images displaying with thumbnail navigators.

I've seen their demos and have tried to change some of the settings to change the width of the navigation bar while its in vertical mode but i cant seem to target the blank space inside of it.

Everything i've done changes the image size of the thumbnail itself, even when getting the element with chromes developer tools, i cant change the width of the element.

I have attached an image to show what i mean about the blank space.

https://i.sstatic.net/c9LXH.jpg

What is the correct way to manipulate the width of this navigator bar so i can stop having black spaces around the thumbnails?


Solution

  • I got what your mean exactly.

    Note that the slider is with 'outer container', 'slides container' and 'thumbnail navigator container'. 'slides container' and 'thumbnail navigator container' is in the 'outer container'.

    You have something right. Next you just need to adjust size of 'outer container', and adjust position of 'slides container'