可我們設置根據幻燈片內容

Question

可我們設置根據滑動內容BX滑塊的高度BX的高度warppper？

，好像現在我有3幅圖像逐一用幻燈片和另一張幻燈片只有一個圖像，它獲得了大量的在一個圖像幻燈片空的空間。 我在這裏貼上我的代碼：

<div class="slider">     
       <ul class="bxslider-two"> 
       <li> 
       <div class="caption1 top_caption"> 
       <h4 class="section-title">Group Show </h4> 
       <p class="font_11">London: 24 Grafton Street/September 5 - October 3, 2015 </p> 
       </div> 

       <a class="group1" href="images/WDP_6372.jpg" title=""><img src="images/WDP_6372.jpg" alt=""></a> 
       <a class="group1" href="images/WDP_6375.jpg" title=""><img src="images/WDP_6375.jpg" alt=""></a> 
       <a class="group1" href="images/WDP_6376.jpg" title=""><img src="images/WDP_6376.jpg" alt=""></a> 
       <div class="caption1"> 
        <span>Chittrovanu Mazumdar, The Other Face, 2015. Acrylic on canvas, 100 x 100 cm, Edition 1 of 4 <span class="pull-right download_catelog"><a href="#"><i class="fa fa fa-download"></i>Download CV</a></span></span> 
        <a href="">Request Information >></a> 
        </div> 
       </li> 
       <li> 
       <div class="caption1 top_caption"> 
       <h4 class="section-title">Group Show </h4> 
       <p class="font_11">London: 24 Grafton Street/September 5 - October 3, 2015 </p> 
       </div> 
       <a class="group1" href="images/DSC_0044.jpg" title=""><img src="images/DSC_0044.jpg" alt=""></a> 

       <div class="caption1"> 
        <span>Chittrovanu Mazumdar, The Other Face, 2015. Acrylic on canvas, 100 x 100 cm, Edition 1 of 4 <span class="pull-right download_catelog"><a href="#"><i class="fa fa fa-download"></i>Download CV</a></span></span> 
        <a href="">Request Information >></a> 
        </div> 
       </li> 


       </ul> 
      </div> 

能有些幫助我？

Answer 1

糾正我，如果我錯了，但它看起來像你想獲得更多股票的方式（連續圖像滾動都用自己的鏈接）。

也許嘗試BXSlider's 'Ticker Mode'避免間隔問題。您可以設置速度，但是定製並不詳細。

如果這是不是你要找的內容，然後嘗試多項目內容滑塊such as this

否則，你將需要更具體的瞭解你想要達到的目標。

Answer 2

可以使用adaptiveHeight選項做到這一點。

$('.bxslider-two').bxSlider({ 
    adaptiveHeight: true 
}); 

一些bxslider示例（http://bxslider.com/examples）。 有幻燈片使用 adaptiveHeight（http://bxslider.com/examples/slideshow-adaptive-height）