Question

我正在使用最新版本的FlexSlider。

旋转木马无法正常工作：当我点击最后一个可见的拇指时，旋转木马不会滚动到下一个拇指。 Ť

我的JS代码是：

    $('.switcher').flexslider({
        animation: "slide",
        controlNav: false,
        directionNav: true,
        animationLoop: true,
        slideshow: true,
        itemWidth: 115,
        itemMargin: 2,
        move:1,
        slideshowSpeed: 1000,
        asNavFor: '.gallery-box'
    });

    $('.gallery-box').flexslider({
        animation: "slide",
        controlNav: false,
        slideshowSpeed: 1000,
        directionNav: false,
        animationLoop: true,
        slideshow: true,
        sync: ".switcher"
    });

HTML代码非常类似于官方示例：http://flexslider.woothemes.com/thumbnail-slider.html

Flexslider选项：https://github.com/woothemes/FlexSlider/wiki/FlexSlider-Properties

我的滑块（LIVE，添加autoanimation / 1000ms以查看问题）：http://ks.activemedia.pro/

尝试：

在开始时添加.resize（）
添加style =＆＃34; width：700px;＆＃34;到父div（s）
初始化setTimeout（）上的滑块 - 确保它不是＆＃34; DOM准备就绪＆＃34;问题

有什么想法吗？

Answer 1

可能是itemWidth不正确。根据{{3}}，它应该是两边的宽度+边距。

FlexSlider：奇怪的轮播行为

1 个答案: