FlexSlider:奇怪的旋转木马行为

FlexSlider: strange carousel behaviour

本文关键字：旋转木马 FlexSlider      更新时间：2023-09-26

我使用的是最新版本的FlexSlider。

旋转木马不能正常工作:当我点击最后一个可见的拇指，旋转木马不滚动到下一个拇指。T

我的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，添加了自动动画/1000ms来查看问题):http://ks.activemedia.pro/

尝试:

  1. 添加。resize()

  2. 给父div(s)添加style="width: 700px;"

  3. 在setTimeout()上初始化滑动条-以确保它不是"DOM就绪"的问题

任何想法?

可能是itemWidth不正确。应该是li的宽度+两边的边距。

相关文章：