bxSlider.js-僅顯示一張幻燈片

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。 您是否根據檢測到的元素的長度分配該值？