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

각 이미지의 총 비트 값을 기준으로 슬라이더의 속도를 변경하려고합니까?

그렇다면, 당신은 값을 통해 반복해야하고 문서가로드 된 후 그것들을 추가 할 수 있지만 당신은 bxSlider 플러그인 설정하기 전에 :

$를 (문서) .ready (함수() {

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 
    }); 

});