Nivo Slider奇妙な振る舞い：最後の画像の後の空白のスライド

Question

私はNivoをテストしていましたが、空白の画像のように最後の画像の後にブランクのスライドが表示され、 。最後のスライドの後は常にランダムではありません。私はTwitterのブートストラップとjQuery 1.7.1を使用していますし、コードがある ：

   <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> 

Answer 1

OK - すべてのキャプションは#nivoSlider divの外にする必要がありますように私には見えます。私はhttp://jsfiddle.net/bv4yX/10/に私の例でそれらを移動し、今は正常に動作するようです。

Answer 2

私のnivosliderもブートストラップにバグがありました。私の解決策： でnivoslider.css、.nivoSlider img：私たちはこの動作を確認することができますので、あなたはおそらくjsFiddleを

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