Drupal Flexslider冲突

时间:2014-06-03 20:28:54

标签: jquery css drupal drupal-7 flexslider

我有一个网站,我在使用Flexslider时遇到了问题。我认为我已经尽职尽责地在论坛和项目页面上搜索类似的问题,并且我不想发布问题,因为我认为它是针对特定网站的。我在我的另一个网站上做了同样的安装,它运行良好。

我的网站就在这里,并且有一些flexslider幻灯片,但这里有一个: http://www.thefernandez.com/new-al/portfolio/retail/caronel-watch-center

你能看到为什么导航按钮和寻呼机不会出现在这个网站上的原因吗?它只是悬停时出现的下方文字(上一页和下一页)。

我只想使用默认的基本滑块 - 使用位于图像底部的悬停和寻呼机上的导航按钮。

谢谢你,我真的很感谢你的帮助。我觉得拥有更多编程技能的人可能会看到问题。

1 个答案:

答案 0 :(得分:0)

标记就是分页和箭头。他们只是缺少一些风格或设置。

  1. flexslider.css.flex-control-nav设置为display: none;如果删除该样式,则会出现分页点。

  2. " Previous"和"下一步"按钮是默认箭头,但它们缺少样式。在同一个flexslider.css文件中,对控件导航样式设置的部分将被注释掉。见/* Control Nav */行之后的第61-72行。如果您取消注释它们,箭头会在悬停时显示覆盖滑块,但它们需要更多样式帮助。

  3. 您在twitterFetcher.js的该页面上收到了javascript错误。它似乎没有破坏任何东西,但修复它可能会解决你的问题。

  4. 我使用了flexslider,但没有使用drupal模块,我建议阅读flexslider API和模块中的任何文档。您可能需要选择滑块主题,使用不同的包装类,或传入一些自定义选项以获得所需的导航。

    Flexslider:http://flexslider.woothemes.com/