【问题标题】:How do I make Highslide thumbstrip scrollable?如何使 Highslide 拇指条可滚动?
【发布时间】:2014-11-06 11:26:22
【问题描述】:

我想知道如何让 highslide 拇指条在有太多缩略图无法放入其中的情况下可滚动。

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

但是,其中的缩略图会变扁,以使它们都适合拇指条。相反,我希望他们保持纵横比并使拇指条可滚动,就像这里一样:http://www.roadrash.no/hs-support/gallery-in-page+caption-above-thumbstrip.html

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

谁能帮帮我?

谢谢。

【问题讨论】:

    标签: css twitter-bootstrap highslide


    【解决方案1】:

    Bootstrap 的 CSS (bootstrap.css:101) 与 Highslide 冲突,请将其添加到您的 CSS

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

    【讨论】:

    • 是的,这也有效,而且可能比我的解决方案更安全。
    • Highslide 和 Twitter Bootstrap 之间还有一个冲突,我在这里描述过:stackoverflow.com/questions/26796710/… 如果你也能提供帮助,那就太好了!
    【解决方案2】:

    您自己的 CSS 与 Highslide JS CSS 发生冲突。在 bootstrap.css 文件的第 101 行及以下,你有这个:

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

    删除 max-width 属性。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2023-03-28
      • 1970-01-01
      • 2018-11-16
      • 2013-04-28
      • 2021-01-26
      • 1970-01-01
      • 2011-02-26
      • 1970-01-01
      相关资源
      最近更新 更多