用文本更改flexslider缩略图

Question

我想要做的是将flexslider缩略图更改为文本并删除图像。这就是我的意思。这是默认的flexslider：

我试图将缩略图部分转换为如下：

因此，我不会将图像显示为缩略图，而是显示文本。

这是我使用的代码：

   <div class="flexslider  " >
                                    <ul class="slides ">
                                        <li data-thumb="assets/img/slider/1.jpg">
                                            <img src="assets/img/slider/1.jpg">

                                        </li>
                                        <li data-thumb="assets/img/slider/2.jpg">
                                            <img src="assets/img/slider/2.jpg">

                                        </li>
                                        <li data-thumb="assets/img/slider/5.jpg">
                                            <img src="assets/img/slider/5.jpg">

                                        </li>
                                        <li data-thumb="assets/img/slider/6.jpg">
                                            <img src="assets/img/slider/6.jpg">

                                        </li>
                                    </ul>

                            </div>
<script>
    $(window).load(function() {
        $('.flexslider').flexslider({
            animation: "slide",
            controlNav: "thumbnails",
            start: function (){
            }
        });

    });
</script>

我怎么能这样做？

由于