將文本添加到nivo控制導航拇指

我想添加測試到controlNavThumb旁邊的縮略圖，不能看到找到一個例子。這是我的代碼到目前爲止。將文本添加到nivo控制導航拇指

這裏是我試圖複製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>

感謝

來源

2012-04-02 Keith Power

如果您要添加文本到控制nav，您需要確保文本縮進設置爲正數。然後在加載nivoSlider後，添加可能需要的文本'append（）'/'prepend（）'。 – PapaSmurf 2012-04-02 14:46:57

我將爲每個圖像設置不同的文本，我將從數據庫中加載。我提供的鏈接似乎有其他地方的代碼 – 2012-04-02 15:20:06

當然，你可以添加文字看看這個例子的例子 - http://nivo.dev7studios.com/demos/3/

來源

2012-04-02 14:26:41

謝謝，但我已經看過這個，我沒有看到任何可以幫助我在代碼中 – 2012-04-02 14:32:36

將文本添加到nivo控制導航拇指

回答

相關問題