bx滑块.js - 仅显示一张幻灯片

bxSlider.js - displaying only one slide

本文关键字：一张 幻灯片 显示 滑块 js bx      更新时间：2023-09-26

我有这个代码：

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函数时，它只显示一张幻灯片。

您是否检查过 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
            }
        });

尤其是最小幻灯片，最大幻灯片和移动幻灯片。您是否根据检测到的元素的长度分配该值？

相关文章：