bxSlider不允許在幻燈片中顯示HTML文本

Question

我希望每張幻燈片的左側都有一個圖像，文本位於其右側，但它不起作用。當只有圖像時，滑塊工作得很好，但只要添加一個字母，整個滑塊就會打破。

我錯過了什麼或bxSlider不允許普通的舊HTML文本？

謝謝。

Answer 1

您可以使用div代替li標籤來訂購幻燈片。下面是Foundation 5 Framework應用於滑塊的一個簡單例子，用於生成行/列。

<div class="bxslider"> 
<div class="row collapse slide-pane"> 
    <div class="small-6 medium-6 large-6 columns"> 
     <img src="http://placehold.it/350x250/5E7074/FFFFFF&text=Slide-One" /> 
    </div> 
    <div class="small-6 medium-6 large-6 columns text-pane">  
<h1>Are you ready for the truth?</h1> 
    </div> 
</div> 
<div class="row collapse slide-pane"> 
    <div class="small-6 medium-6 large-6 columns"> 
     <img src="http://placehold.it/350x250/5E7074/FFFFFF&text=Slide-Two" /> 
    </div> 
    <div class="small-6 medium-6 large-6 columns text-pane">  
<h1>Are you ready for the truth?</h1> 
    </div> 
</div> 
<div class="row collapse slide-pane"> 
    <div class="small-6 medium-6 large-6 columns"> 
     <img src="http://placehold.it/350x250/5E7074/FFFFFF&text=Slide-Three" /> 
    </div> 
    <div class="small-6 medium-6 large-6 columns text-pane">   
<h1>Are you ready for the truth?</h1> 
    </div> 
</div> 

小提琴：http://jsfiddle.net/defonic/E8NgR/