Twitter bootstrap bootstrap（3.3.7）youtube风格的图像旋转木马

在不重新发明轮子的情况下，我想制作一些类似于youtube的引导（或者css，或者jquery很好）图像滑块

例如，4个“缩略图”，您可以单击箭头向右/向左滑动

似乎找不到任何好的免费演示（或者更确切地说，是真正有效的演示），也不想重新发明轮子。有人能推荐一些有效的吗

这就是我想要实现的目标： 比如说（这里真的很简洁）：

用左右箭头

不必是引导（顺便说一句，我使用的是3.3.7版，无法更改），可以是纯CSS，或者jquery

---

如有任何建议，将不胜感激，谢谢

您是否正在寻找每次移动一张物品幻灯片的多物品转盘

可能要签出此代码段：

但是，您可能需要重写和删除一些代码（不必要的样式、html等）。

---

我最终使用了这个想法，并为我的项目重新设计了方向盘（因为许多js解决方案都是基于jquery的，偶尔也会有一些bug来自lib本身，所以尽量不依赖jquery来重写代码）。

你试过了吗？您需要将

替换为图像thoughhi-我正在寻找一种特别的方法，可以像youtube图像示例一样设置缩略图的数量。i、 例如，假设我有“10”个图像，我想有“4”个图像随时显示在屏幕上，使用箭头键将幻灯片集左/右“移动”，将其他幻灯片带入视图该示例在任何时候只有“1”个图像，并来回滑动。是的！谢谢！这看起来正是我需要的，让我快速测试一下-如果它100%有效，我会接受这个答案，非常感谢！）好的，测试一下。。。它“几乎”奏效了。我使用的是Bootstrap3.3.7和jQuery3.2.1，所以我不确定这是否会影响事情。。。但是，它没有正确地推进，即“[1][2][3][4]”->“[2][3][4][5]”（即，只需放下[1]并将所有内容向左移动1个单位，然后添加[5]”，而是将“4”个单位向左移动（即，将整个块移动>>[1][2][3][4]@用户6262902不幸的是，我相信原因可能与Bootstrap3.3.7CSS有关（您可以尝试使用较旧或较新的BootstrapCSS，如3.2，看看它是否正确，也许还有其他原因）。它们会改变某些行为，但我无法提供任何有价值的建议，因为我从未使用低于4的引导。如果问题来自css，而你根本无法更改你的bs版本，那么很可能你必须找到一种方法来覆盖某些bs css部分。kk，thx-我会接受这一点，因为你帮助我走上了正确的道路（我发现3.3.2版似乎工作得“相当”好），谢谢！

 <div id=item1 img=1.jpg caption='picture 1'>
 <div id=item2 img=2.jpg caption='picture 2'>
 <div id=item3 img=3.jpg caption='picture 3'>
 <div id=item4 img=4.jpg caption='picture 4'>
 <div id=item5 img=5.jpg caption='picture 5'>