Question

我有这段代码：

function slideshow(){
    $allfilesslides = glob(SITE_ROOT."/img/slideshow_slide*.png");
    $file_num_slide = count($allfilesslides)+1;
    if($file_num_slide > 0){
        echo '<div class="slider"><ul class="bxslider">';

        for($i = 1; $i < $file_num_slide; $i++){
            echo "<li><a href='img/slideshow_slide$i.png'><img src='img/slideshow_slide$i.png' /></a></li>";
        }
        echo "</ul></div>";
    } else{
        echo "";
    }
}

但是当我运行slideshow功能时，它只显示一张幻灯片。

Answer 1

您是否检查过bxSlider函数的值？

$j('.bxslider-2').show().bxSlider({
            slideWidth: 111,
            minSlides: 4,
            maxSlides: 7,
            moveSlides: 6,
            slideMargin: 10,
            speed: 1500,
            pager: false,
            infiniteLoop: false,
            hideControlOnEnd: true,
            onSliderLoad: function () {
                // do funky JS stuff here
            }
        });

尤其是minSlides，maxSlides和moveSlides。您是否根据检测到的元素的长度来分配该值？

bxSlider.js - 仅显示一张幻灯片

1 个答案: