Nút thay đổi linh hoạt

Question

là có anyway tôi có thể thay đổi các nút điều hướng nhỏ thành các nút văn bản trên flexslider? Tôi không thể tìm thấy nó ở bất cứ đâu trên internet.

Answer 1

Bạn có thể sử dụng các thuộc tính prevText và nextText, như thế này (tôi đang sử dụng mũi tên nhưng bạn có thể thay đổi bất cứ điều gì để văn bản bạn muốn):

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

Và sau đó trong flexslider.css tháo background-image và text-indent tính từ .flex-direction-nav a.

Hy vọng điều đó sẽ hữu ích.

Answer 2

Để sử dụng hình ảnh làm nút điều hướng:

.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; 
}