如何使幻灯片数量完全响应(bxslider 4.1)而无需重新加载页面

时间:2013-05-03 21:05:46

标签: jquery-plugins bxslider

拼命尝试更改幻灯片的数量,以便轮播幻灯片完全响应(INSTEAD OF必须刷新页面以显示最新/最大幻​​灯片的更新数量。

请帮忙!!!我一整天都在和它斗争。

现在,我必须刷新浏览器以显示正确数量的幻灯片。 这是我的代码:

    $(window).ready(function(){
        var minNumber,
            maxNumber,
            width = $(window).width();

        if (width < 430) {
            minNumber = 1;
            maxNumber = 2;
        } else if (width < 1024) {
            minNumber = 3;
            maxNumber = 3;
        } else {
            minNumber = 4;
            maxNumber = 5;
        }

        $('.bxslider').bxSlider({
            minSlides: minNumber,
            maxSlides: maxNumber,
            slideWidth: 515,
            slideMargin: 0
        });
    });

1 个答案:

答案 0 :(得分:0)

你不需要使用jquery来切换元素数量:

$('.bxslider').bxSlider({
        minSlides: 1,
        maxSlides: 4,
        slideWidth: 515,
        slideMargin: 0
    });

然后bxSlider会响应。因为如果你改变宽度他会在里面制作carusel 1-4元素