javascript - 如何在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 值的总和来更改 slider 的速度？

如果是这样，您必须在文档加载后、设置 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
  }); 

});