2014-05-05 61 views
1

我試圖用BxSlider實現某些功能,它也有2行3個項目同時顯示在另一個上面。用我的代碼,它只顯示3行中的一行。BxSlider 3行2

它看起來不像是有關創建多行的一些特殊文檔。有人能幫助我嗎 ?

$('.products-slider').bxSlider({ 
    slideWidth: 800, 
    infiniteLoop: false, 
    pager: false, 
    minSlides: 3, 
    maxSlides: 12, 
    slideMargin: 10, 
    adaptiveHeight: true 
}); 
+0

你可以簡單的將所有6個元素(在兩個或X行)裏面元素/幻燈片持有人?那麼,這與css/html更相關? – sinisake

回答

2

這是可能的,但你需要做一些調整。由於bxSlider承認「幻燈片」,你需要把每2個圖像在自己的「幻燈片」的容器,就像這樣:

<div id="slider1"> 
<div class="slide"> 
    <!-- insert 2 images here --> 
</div> 
<div class="slide"> 
    <!-- insert 2 images here --> 
</div> 
<div class="slide"> 
    <!-- insert 2 images here --> 
</div>