将文本添加到nivo control nav thumb

Question

我正在尝试将测试添加到controlNavThumb旁边的缩略图，并且无法查找示例。到目前为止，这是我的代码。

以下是我尝试复制http://templates.eugeneo.com/network/

的示例

$(window).load(function() {
    $('#slider').nivoSlider({
        directionNav: false,
        controlNavThumbs: true, // Use thumbnails for Control Nav
        controlNavThumbsFromRel: true, // Use image rel for thumbs
    });
});

        <div id="slider" class="nivoSlider">         
            <a href="http://dev7studios.com"><img title="#caption1" src="images/slide1.jpg" alt="Curabitur dfgd" rel="images/slide1_thumb.jpg" /></a>             
            <a href="http://dev7studios.com"><img title="#caption2" src="images/slide2.jpg" alt="Curabitur" rel="images/slide2_thumb.jpg" /></a>
        </div>
        <div class="nivo-html-caption" id="caption1">
                <span>Curabitur auctor, lectus in egestas pellentesque</span>
                This is caption 1 with <a href="single.html">a link</a>.
        </div>
        <div class="nivo-html-caption" id="caption2">
                <span>Curabitur auctor, lectus in egestas pellentesque</span>
                This is caption 1 with <a href="single.html">a link</a>.
        </div>  

谢谢

Answer 1

当然你可以添加文字查看这个例子 - http://nivo.dev7studios.com/demos/3/