Question

我正在使用flexslider在我的主页上的英雄形象中旋转文字。

使用animation:"fade"一切都很有效。但是，当我将animation设置为slide时，什么都没有显示。

关于同一问题查看this SO thread，我已将position:relative添加到我的li元素中，但仍然没有运气。

CSS

#slider {
    z-index: 10;
    text-align: center;
    height: 550px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 50px;

    .slide {
        position: relative;
    }
}

.flexslider {
    background: transparent;
    border: none;
}

jquery的

$('.flexslider').flexslider({
    'animation': 'slide',
    'directionNav': false,
    'controlNav': false
});

当我检查元素时，我注意到一件事，我看到flexslider应用0px的宽度。

<li class="slide flex-active-slide" data-thumb-alt="" style="width: 0px; margin-right: 0px; float: left; display: block;">...</li>

我不确定我做了什么，以便这样做：

// 'animation': 'slide',
   'directionNav': false,
   'controlNav': false

这不是：

'animation': 'slide',
'directionNav': false,
'controlNav': false

感谢您的任何建议！

Flexslider淡出动画作品;幻灯片不

0 个答案: