NIVO滑塊奇怪的現象：最後的圖像後空白幻燈片

我測試NIVO和我正在出現的最後一個圖像後，一個空白幻燈片這種奇怪的行爲，就像一個空白圖像，一會兒，比重新開始（正常）。在最後一張幻燈片後它不是隨機的。我使用Twitter的引導和jQuery 1.7.1和代碼是：NIVO滑塊奇怪的現象：最後的圖像後空白幻燈片

   <div class="slider-wrapper theme-default"><div class="ribbon"></div> 
        <div id="nivoslider" class="nivoSlider" style="width:743px;height:295px;overflow: hidden"> 

         <a href="#"><img src="images/nivo/banner740-optz.png" title="#teste1" alt="" /></a> 
         <a href="#"><img src="images/nivo/nemo.jpg" title="#teste2" alt="" /></a> 
         <a href="#"><img src="images/nivo/toystory.jpg" title="#teste3" alt="" /></a> 
         <a href="#"><img src="images/nivo/walle.jpg" title="#teste4" alt="" /></a> 
         <a href="#"><img src="images/nivo/up.jpg" title="#teste5" alt="" /></a> 

         <div id="teste1" class="nivo-html-caption"> 
          <h4>Some Title</h4> 
          <p>Some paragraph</p> 
         </div> 
         <div id="teste2" class="nivo-html-caption"> 
          <h4>Some Title</h4> 
          <p>Some paragraph</p> 
         </div> 
         <div id="teste3" class="nivo-html-caption"> 
          <h4>Some Title</h4> 
          <p>Some paragraph</p> 
         </div> 
         <div id="teste4" class="nivo-html-caption"> 
          <h4>Some Title</h4> 
          <p>Some paragraph</p> 
         </div> 
         <div id="teste5" class="nivo-html-caption"> 
          <h4>Some Title</h4> 
          <p>Some paragraph</p> 
         </div> 

        </div> 

       </div>

來源

2012-01-05 tenshimsm

你能可能建立一個的jsfiddle，所以我們可以看到在行動呢？ – SpoonNZ 2012-01-05 23:17:45

哦！謝謝，我忘了那:)。我會設置一個。 – tenshimsm 2012-01-05 23:35:57

看來，NIVO將不會的jsfiddle http://jsfiddle.net/tenshimsm/bv4yX/7/工作 – tenshimsm 2012-01-06 00:21:05

確定 - 在我看來就像所有的標題外應的#nivoSlider股利。我在http://jsfiddle.net/bv4yX/10/的示例中將它們移動了下來，現在看起來工作正常。

來源

2012-01-06 00:51:24 SpoonNZ

非常感謝您！ – tenshimsm 2012-01-06 01:11:11

我nivoslider還與引導錯誤。我的解決辦法：在nivoslider.css，.nivoSlider img：

.nivoSlider img { 
    position:absolute; 
    top:0px; 
    left:0px; 
    /*bug fix bellow*/ 
    vertical-align: baseline !important; 
    max-width: none !important; 
}

來源

2012-05-31 08:40:44

謝謝JoséNeto。 SpoonNZ的解決方案已經解決了我的問題。 [ObrigadoJoséNeto。解決SpoonNZ問題的解決方法存在問題。] – tenshimsm 2012-05-31 15:15:54

NIVO滑塊奇怪的現象：最後的圖像後空白幻燈片

回答

相關問題