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，Dragonfly on Opera或Google Chrome上使用firebug等工具，请检查该元素并单击控制台选项卡。

以下将解决您的问题。一定要明白为什么他们会解决你的大多数问题。

    <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一样完全响应，但它支持交联，使您能够将两个单独的滑块链接在一起。因此，您可以使用一个作为缩略图的滑块，根据用户点击的项目，它将在页面上其他位置更大的滑块中更改。我确信您可以在ASP中生成这些选项卡（或手动执行）。我是一名LAMP开发人员，所以我对ASP或.NET知之甚少。希望这能为您提供更多信息，并为您提供一些指导。

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

1 个答案: