How do I make Highslide thumbstrip scrollable?

2019-09-04 05:23发布

I wonder how to make a highslide thumbstrip scrollable for cases when there are too many thumbnails to fit into it.

I've got a highslide gallery here: http://civicsector.org.ua/multimeda/foto/208-akcya-geroyi-nezalezhnost.html

However, the thumbnails in it get oblated so that all of them fit into the thumbstrip. Instead, I want them to keep the aspect ratio and to make the thumbstrip scrollable, just like here: http://www.roadrash.no/hs-support/gallery-in-page+caption-above-thumbstrip.html

It seems that my code is identical to what is in the example page, but for some reason the output is different.

Could please anyone help me with it?

Thanks.

2条回答
ら.Afraid
2楼-- · 2019-09-04 05:37

Bootstrap's CSS (bootstrap.css:101) is clonflicting with Highslide, add this to your CSS

.highslide-thumbstrip-horizontal img
{
   max-width: inherit;
}
查看更多
Fickle 薄情
3楼-- · 2019-09-04 05:52

Your own CSS is colliding with the Highslide JS CSS. In the bootstrap.css file, lines 101 and following, you have this:

img {
   ...
   max-width: 100%;
   ...
}

Remove that max-width attribute.

查看更多
登录 后发表回答