0

我正在尝试使用 Flexslider 创建一个响应式滑块。我有一些问题。我设置了以下设置：

  $('.portfolio .flexslider').flexslider({
    animation: "slide",
    animationLoop: false,
    controlNav: false,
    directionNav: true,
    slideshow: false,
    itemWidth: 490,
    itemMargin: 30,
    minItems: 1,
    move: 1

  });

它似乎没有应用animationLoop: false，当您单击右方向导航链接时，它先向左然后向右，当我加载页面时，有时高度似乎都搞砸了。您可以在此处查看预览。有什么想法可能导致这些问题吗？

http://staging.pautlerdesign.com/portfolio/index-test.php

谢谢您的帮助！

4

1 回答 1

2

您在使用Flexslider 2吗？

此外，如果您实际上一次不显示多个项目，则不需要轮播参数（itemWidth, itemMargin, minItems, maxItems, move），您真正需要的是：

$('.portfolio .flexslider').flexslider({
    animation: "slide",
    animationLoop: false,
    controlNav: false,
    directionNav: true,
    slideshow: false
});

您可能还需要将 section.portfolio-piece .flexslider ul.slides li 的现有 css 更改为：

section.portfolio-piece .flexslider ul.slides li {
    margin: 0;
}

这可能会解决您看到的问题。

于 2012-09-14T17:59:26.740 回答