Flexslider更改按钮

Question

无论如何我可以将小导航按钮更改为flexslider上的文本按钮吗？我无法在互联网上找到它.

Answer 1

要将图像用作导航按钮:

.flex-direction-nav a:before  { 
    content: " ";
    display: block;
    background: url('../path-to-image/flexslider-left.png') no-repeat;
    width: 40px;
    height: 40px;
}
.flex-direction-nav a.flex-next:before  { 
    content: " ";
    display: block;
    background: url('../path-to-image/flexslider-right.png') no-repeat;
    width: 40px;
    height: 40px;
}

Answer 2

您可以使用prevText和nextText属性,这样(我使用的是箭头,但您可以更改为您想要的任何文本):

$('.flexslider').flexslider({
    prevText: "←",
    nextText: "→"
});      

然后从中flexslider.css删除background-image和text-indent属性.flex-direction-nav a.

希望能帮助到你.