添加文本到nivo控制导航拇指

add text to nivo control nav thumb

本文关键字：导航 控制 nivo 文本 添加      更新时间：2023-09-26

我正试图在缩略图旁边的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>

感谢

当然，您可以添加文本来查看此示例-http://nivo.dev7studios.com/demos/3/

相关文章：