如何在bxslider中製作變體顯示幻燈片？

Question

我想在bxslider中改變顯示長度。首先我選擇了這個。

JS

var sure = $('ul > li > img').data("bekleme"); 

    $(document).ready(function() { 
     $('.bxslider').bxSlider({ 
      pager: false, 
      auto:true, 
      controls: false, 
      speed:sure 
      }); 
    }); 

HTML

<ul class="bxslider"> 
      <asp:Repeater ID="Repeater1" runat="server"> 
       <ItemTemplate> 
        <li> 
         <img data-bekleme='<%# Eval("goruntulenmeSuresi") %>' src='/reklam/<%# Eval("yol") %>' /> 
        </li> 
       </ItemTemplate> 
      </asp:Repeater> 
     </ul> 

，但它不工作，任何人都可以幫我這個？

Answer 1

你是否試圖根據每個圖像的bekleme值的總和來改變滑塊的速度？

如果是的話，你會通過值必須循環，把它們加起來的文件加載之後，但在此之前你設定的bxSlider插件：

$（文件）。就緒（函數（）{

var $sure = $('ul > li > img'), 
     iSpeed = 0; 

    //loop through images and sum values 
    $sure.each(function(index, element) { 
     //make sure there's a number value 
     var elementSpeed = ! isNaN($(element).attr("data-bekleme")) ? parseInt($(element).attr("data-bekleme")) : 0; 
      iSpeed += elementSpeed ? parseInt(elementSpeed) : 0;   
     }); 

$('.bxslider').bxSlider({ 
      pager: false, 
      auto:true, 
      controls: false, 
      speed:iSpeed 
    }); 

}）;