Question

我最近在我的项目中添加了bootstrap轮播并且它工作正常但是在这里我选择了noOfProductPage = 4我默认需要然后而不是滑动所有4个产品我希望单个产品在用户点击下一个时滑入

PHP：

<a class="left carousel-control" href="#myCarousel" data-slide="prev">
    <i class="fa fa-chevron-left fa-2x"></i>
</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">
    <i class="fa fa-chevron-right fa-2x"></i>
</a>
<ol class="carousel-indicators">
    <?php 
    for($i = 0; $i < $noOfProductPage; $i++) {  
        $targetActiveClass = "";
        if ($i == 0) {
            $targetActiveClass == "active";
        } 
    ?>
    <li data-target="#myCarousel" data-slide-to="<?php echo $i; ?>" class="<?php echo $targetActiveClass; ?>"></li>
    <?php } ?>
</ol>

简而言之，数据幻灯片应该只是一个产品而不是4 ..

Answer 1

使用interval，例如：

$('.carousel').carousel({
  interval: flase
});

希望这有帮助！

有关 Bootstrap Carousel

的更多信息

php with bootstrap carousel single <li> slide

1 个答案: