flexslider - 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。

希望能帮助到你。