Html 同一页面上的默认旋转木马和多项目旋转木马

我发现了同样的问题，但我没能解决。（）

我想结合默认的旋转木马（每张幻灯片一张图像），例如 这个：

这是我的密码：

我试图改变css，也试图改变类的名称，不同于引导类的名称，放置一些ID，但没有成功

---

我正在使用bootstrap4

为了让两种类型的旋转木马在同一页面上运行，您只需为修改后的旋转木马附带的所有附加样式添加前缀，以防止样式冲突。在下面的示例中，我只是在样式前面加上“小”旋转木马的id

$（“#小型旋转木马”）.on（'slide.bs.carousel'，函数（e）{
var$e=$（e.relatedTarget）；
var idx=$e.index（）；
var itemsPerSlide=3；
var totalItems=$（'.carousel item'）。长度；
如果（idx>=totalItems-（itemsPerSlide-1））{
var it=itemsPerSlide-（totalItems-idx）；
对于（var i=0；i
看起来您希望我们为您编写一些代码。虽然许多用户愿意为陷入困境的编码人员编写代码，但他们通常只在海报已经尝试自己解决问题时提供帮助。演示这一努力的一个好方法是包含您迄今为止编写的代码，例如输入（如果有），预期输出，以及您实际获得的输出（控制台输出、回溯等）。您提供的详细信息越多，您可能收到的答案就越多。检查和。我的错，我忘了发布我的代码嘿@nishikori，您可以实际编辑您的帖子来添加代码。是的，我做到了。：）我也做了类似的事情，但在“小转盘”上没有上下箭头。所以这是一个改进。：）有可能使“小转盘”在“圆圈”中滑动吗？例如：codeply.com/go/s3I9ivCBYH，而不等待第7项结束。您的原始代码未能使用css前缀，因此主旋转木马无法正常工作。现在您已将上述代码插入到您的codeply中，它显然可以工作。对我来说，处的代码与我的答案中的代码的行为相同