简体   繁体   中英

How do I make Highslide thumbstrip scrollable?

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.

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

.highslide-thumbstrip-horizontal img
{
   max-width: inherit;
}

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.

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM