Javascript 带预览下一个和上一个图像的旋转木马

我正在尝试重新学习网络编程，因为我已经做了很久了（我实际上不喜欢网络编程，但可能很快就会有需要）

不管怎样，我的问题是，我试图复制这个 在显示图像之前，我一直在复制，但滑动功能和箭头本身不起作用，无法看到

这是我的密码： HTML

最后是JS

$(".multi-item-carousel .item").each(function() {
  var next = $(this).next();
  if (!next.length) next = $(this).siblings(":first");
  next
    .children(":first-child")
    .clone()
    .appendTo($(this));
});
$(".multi-item-carousel .item").each(function() {
  var prev = $(this).prev();
  if (!prev.length) prev = $(this).siblings(":last");
  prev
    .children(":nth-last-child(2)")
    .clone()
    .prependTo($(this));
});

我对编程并不陌生，但对网络很在行。 最后，有人能给我解释一下美元（“.xxxx.xxx”）的用途吗

---

另外，我得到$not defined error

您好，请尝试下面的滑块插件引导代码，这可能会解决您的问题

---

使用

$（“.xxxx.xxx”）。each（）

是将列表中的上一个项目和下一个项目添加为项目的子项目。这些子项是用来显示预览的。

$（“.multi-item carousel.item”）。每个（function（）{…

第一组参数是选择器：“获取所有具有类

.item

的元素，并且是类为

的元素的后代。multi-item carousel

”然后是

。each（）

方法获取

元素.item

的jQuery集合，并对每个元素运行一个函数。哦，我知道如果我使用word，它将用于.multi-item carousel run function（）中的每个.item，但我在某处读到$（）是document.getelementbyid的替代品，但没有提到它可以用来调用类，是真的吗？您使用的是哪个版本的引导？@HTMLCSSHuppTechnologies是从getbootstrap.com下载的版本如果您使用的是引导程序4，那么您的示例“”不起作用，您需要添加“引导程序3.3.7”例如，使用此示例。这可能会帮助他，但您的答案只包含指向外部资源的链接。此选项处于启用状态，因此不允许回答。外部资源可能会脱机，并且不会再帮助任何人。请避免使用此答案，因为他们将被否决。

.multi-item-carousel {
  overflow: hidden;
}
.multi-item-carousel img {
  height: auto;
  width: 100%;
}
.multi-item-carousel .carousel-control.left, 
.multi-item-carousel .carousel-control.right {
    background: rgba(255, 255, 255, 0.3);
    width: 25%;
}
.multi-item-carousel .carousel-inner {
  width: 150%;
  left: -25%;
}
.carousel-inner > .item.next, 
.carousel-inner > .item.active.right {
    -webkit-transform: translate3d(33%, 0, 0);
    transform: translate3d(33%, 0, 0);
}
.carousel-inner > .item.prev, 
.carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-33%, 0, 0);
    transform: translate3d(-33%, 0, 0);
}
.item__third {
  float: left;
  width: 33.33333333%;
}

$(".multi-item-carousel .item").each(function() {
  var next = $(this).next();
  if (!next.length) next = $(this).siblings(":first");
  next
    .children(":first-child")
    .clone()
    .appendTo($(this));
});
$(".multi-item-carousel .item").each(function() {
  var prev = $(this).prev();
  if (!prev.length) prev = $(this).siblings(":last");
  prev
    .children(":nth-last-child(2)")
    .clone()
    .prependTo($(this));
});