jquery - 如何在flexislider2中添加水平滚动条

Question

我正在使用带缩略图的 flexislider2 (http://flex.madebymufffin.com/examples/thumbnail-controlnav.html)，想知道如何添加水平滚动。我正在尝试在我的网站 (http://109.109.245.194/nkarch/the-work/marlin-lodge-residence-scotland.aspx) 上使用它，并且缩略图堆叠在其他网站的顶部。

Answer 1

这对于评论来说太大了，所以在这里!

修复页面上的脚本错误。如果您使用 Firefox 上的 firebug、Opera 上的 Dragonfly 或 Google Chrome 等工具，请检查元素并单击控制台选项卡。

下面将解决您的问题。确保您了解为什么他们会解决您的大部分问题。

    <script src="jquery.min.js" type="text/javascript"></script>
    <script src="http://109.109.245.194/nkarch/js/modernizr.js"  type="text/javascript"></script>
    <script src="http://109.109.245.194/nkarch/scripts/JScript.js" type="text/javascript"></script>
    <script src="http://109.109.245.194/nkarch/js/jquery.mousewheel.js" type="text/javascript"></script>
    <script src="http://109.109.245.194/nkarch/js/froogaloop.js" type="text/javascript"></script>
    <script src="http://109.109.245.194/nkarch/js/jquery.easing.js" type="text/javascript"></script>
    <script src="http://109.109.245.194/nkarch/js/jquery.fitvid.js" type="text/javascript"></script>
    <script src="jquery.flexslider.js" type="text/javascript"></script>
    <script src="http://109.109.245.194/nkarch/js/shBrushCss.js" type="text/javascript"></script>
    <script src="http://109.109.245.194/nkarch/js/shBrushJScript.js" type="text/javascript"></script>

至于水平滚动条，您将不得不使用 CSS 来让它发挥您想要的功能。这不是剧本问题，绝对是风格问题。你真的可能想考虑使用 codaslider .它像 flexslider 一样完全响应，但它支持交联，使您能够将两个单独的 slider 链接在一起。因此，您可以将一个用作缩略图 slider ，根据用户单击的元素，缩略图 slider 将在页面其他位置的更大 slider 中发生变化。我相信您可以在 ASP 中生成这些选项卡(或手动生成)。我是一名 LAMP 开发人员，所以我对 ASP 或 .NET 知之甚少。希望这能为您提供更多信息，并帮助您提供一些指导。