覆盖引导轮播 Javascript

Question

Overwrite Bootstrap carousel Javascript To Active Three 项目。 我在轮播显示多个项目时遇到其他人的解决方案，解决方案是将图像复制到一个活动项目。效果不是我想要的，它会滑出整个复制幻灯片并使用复制幻灯片切换到下一个活动数字。

$('#myCarousel').carousel({
        interval: 4000
      })

      $('.carousel .item').each(function(){
        var next = $(this).next();
        if (!next.length) {
          next = $(this).siblings(':first');
        }
        next.children(':first-child').clone().appendTo($(this));

        for (var i=0;i<1;i++) {
          next=next.next();
          if (!next.length) {
              next = $(this).siblings(':first');
              }

          next.children(':first-child').clone().appendTo($(this));
        }
      });

我要改变什么才能不滑出整张幻灯片，而一次只滑一张图片。前进和后退

Answer 1

检查这个： codepen.io/mephysto/pen/ZYVKRY 看看你可以在这里做什么。

但是，默认引导轮播无论如何都不是最好的。我强烈建议切换到 Owl Carousel：https://owlcarousel2.github.io/OwlCarousel2/ 它对移动设备有更好的支持。