2014-11-06 76 views
0

我想知道如何制作一个可滑动的高滑块拇指滑块,以适应太多缩略图。如何让Highslide thumbstrip滚动?

我有一个highslide画廊在这里:http://civicsector.org.ua/multimeda/foto/208-akcya-geroyi-nezalezhnost.html

然而,在它的缩略图得到oblated让所有的人都适合的thumbstrip。相反,我希望他们能够保持纵横比和使thumbstrip滚动,就像这里:http://www.roadrash.no/hs-support/gallery-in-page+caption-above-thumbstrip.html

似乎,我的代码是相同的,什么是在示例页面,但由于某种原因输出不同。

请大家帮帮我吧?

谢谢。

回答

1

引导的CSS(bootstrap.css:101)与Highslide clonflicting,将它添加到您的CSS

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

是的,这样的作品,也和可能比我的解决方案更安全。 – MisterNeutron 2014-11-06 12:23:48

+0

非常感谢!现在它按预期工作! – Maksym 2014-11-07 07:37:21

+0

我在Highslide和Twitter Bootstrap之间还有一个冲突,我在这里描述:http://stackoverflow.com/questions/26796710/highslide-in-page-gallery-gets-broken-by-bootstrap-affix 如果你也能帮上忙,那真是太棒了! – Maksym 2014-11-07 08:05:36

0

您自己的CSS与Highslide JS CSS相冲突。在bootstrap.css文件的第101行和后面,你有这样的:

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

删除该max-width属性。