Carousel:到达末尾后返回第一张幻灯片
Carousel（轮播图）是一种常见的网页设计元素，用于在网页上展示多张图片或内容。它通常以水平方向排列，用户可以通过点击或滑动来切换幻灯片。
Carousel的分类：
- 基本轮播图：最常见的Carousel类型，按顺序展示多张图片或内容。
- 响应式轮播图：根据设备屏幕大小自动调整布局和显示内容。
- 无限循环轮播图：到达末尾后自动返回第一张幻灯片，实现无限循环播放。
Carousel的优势：
- 提升用户体验：通过动态切换图片或内容，吸引用户注意力，增加页面的互动性和吸引力。
- 多样化展示：可以展示多张图片、产品、新闻、广告等内容，提供更多信息给用户。
- 空间利用率高：通过轮播的方式，可以在有限的空间内展示多个内容，节省页面空间。
Carousel的应用场景：
- 电子商务网站：用于展示商品图片、促销信息等。
- 新闻网站：用于展示热门新闻、头条消息等。
- 公司官网：用于展示公司产品、服务、案例等。
- 广告平台：用于展示广告内容，吸引用户点击。
腾讯云相关产品推荐： 腾讯云提供了丰富的云计算产品，以下是与Carousel相关的产品：
- 腾讯云对象存储（COS）：用于存储和管理Carousel所需的图片或内容文件。链接：https://cloud.tencent.com/product/cos
- 腾讯云内容分发网络（CDN）：加速Carousel的图片或内容传输，提高用户访问速度。链接：https://cloud.tencent.com/product/cdn
- 腾讯云云服务器（CVM）：提供可靠的云服务器资源，用于托管Carousel所在的网站或应用。链接：https://cloud.tencent.com/product/cvm
以上是对Carousel的概念、分类、优势、应用场景以及腾讯云相关产品的介绍。
相关·内容
这是有点难以解释，所以我做了作为任何参考。我试图用普通的JavaScript克隆Bootstrap旋转木马，我添加了幻灯片之间的转换，因为所有的幻灯片都存在于第一张幻灯片和最后一张幻灯片之间，但是当我单击“前一张”按钮从第一张幻灯片到最后一张幻灯片，或者单击“下一步”按钮从最后一张幻灯片转到第一张幻灯片时，这个过渡的行为很奇怪，它沿着其他所有幻灯片在幻灯片之间移动。
这是我使用的html：
<div class="carousel-container">
<div class="carousel-slide">
浏览 3提问于2020-03-07得票数 2
回答已采纳
我有一个bootstrap 4转盘：
<section id="carousel-landing" class="carousel slide" data-ride="carousel">
<div class="carousel-inner" role="listbox">
<div class="carousel-item active">
<h1>Title 1</h1>
<p>text
浏览 1提问于2016-09-27得票数 0
1回答
您好，我使用了以下命令：
<script type='text/javascript'>
$(document).ready(function() {
$('.carousel').carousel({
interval: 4500
})
});
就在我的body结束标记之前，为了让我的bootstrap carousel自动启动和滚动。
问题是，最后一张幻灯片在滑回第一张幻灯片之前会短暂地调整到较小的高度(将整个页面向上移动)。
解释:所有的幻灯片图像都是相同的大小，并且在滑动时都以相同的大小显示。
浏览 2提问于2014-10-02得票数 4
通过下面的代码，我获得了“#featured carousel”的内容，以淡入和淡出幻灯片2、3等。
然而，第一张幻灯片不是这样的。
我怎么才能让第一张幻灯片在第一次就淡入淡出？
<script type="text/javascript">
jQuery(document).ready(function($) {
var color = "<?=$color?>";
var header_color = "<?=$header_color?>"
浏览 0提问于2013-01-08得票数 2
回答已采纳
1回答
我正在尝试用第一张幻灯片中的视频创建一个Bootstrap Carousel。除了传送带在第一次运行第一张幻灯片时没有考虑数据间隔之外，一切都像预期的那样工作。当我们从另一张幻灯片返回到另一张幻灯片时，它会按预期工作。 我在这里做了一个最小的重现：https://www.codeply.com/p/avdtdpw8ie 我们可以看到，第一张幻灯片在第一次运行时显示了大约1秒，但在第二次运行时，它显示了5秒，正如data-interval属性所定义的那样。
浏览 7提问于2020-01-31得票数 1
我已经创建了一个Bootstrap carousel，并且我正在使用自定义css为三张幻灯片中的每一张定义背景图像。由于某些原因，背景图像没有出现在第一张幻灯片上，尽管幻灯片2和3的背景图像显示正常。我找不出哪里出了问题。我认为这可能与活动类仅应用于第一张幻灯片有关？？这是第一张幻灯片的超文本标记语言和层叠样式表，传送带叫做myCarousel，谢谢：
HTML：
<!-- class item means item in carousel -->
<div id="slide1" class="item active"
浏览 2提问于2016-06-16得票数 0
在Carousel上滑动不工作在移动负载(与“数据触摸”被设置为真)，除非我们首先单击下一步按钮。
当我尝试在移动设备上滑动到的下一项时，它并不能在第一张幻灯片上工作，但是如果我使用箭头更改幻灯片，然后返回到第一张幻灯片，则滑动会工作。我尝试添加，也尝试了以下JQuery代码：
$('#product-carousel').carousel();"
但它没能解决问题。我怎样才能解决这个问题？
浏览 1提问于2021-11-03得票数 0
2回答
与引导转盘相关的问题
、、、、
我正在使用bootstrap carousel，但我需要做一件非常简单的事情。我的旋转木马被放在页面的底部，我想坚持旋转木马的第一张幻灯片，直到用户到达这一部分。一旦用户到达该部分，旋转木马就会开始播放。我不知道如何做到这一点。请帮我出点子。
提前感谢！
浏览 0提问于2016-11-19得票数 1
1回答
我有一个带有prev和next箭头的图像传送带；当我到达幻灯片末尾(到最后一张幻灯片)时，我需要返回到第一张图像，然后单击prev箭头。 这是我的代码： <div class="container">
<div class="carousel">
<div class="slide one"></div>
<div class="slide two"></div>
<div class="
浏览 165提问于2021-09-19得票数 0
回答已采纳
我正在看bootstrap carousel滑块，我想知道是否有一种方法可以通过它的名称到达特定的幻灯片。至于现在，我是如何定义轮播指示器的：
<ol class="carousel-indicators carousel-indicators-orange">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel"
浏览 1提问于2016-06-25得票数 0
2回答
我是非常新的JQuery编程新手。
我想要做的是防止在到达最后一张幻灯片时显示下一张幻灯片(它将成为幻灯片的第一张幻灯片)(就像在这个旋转木马中：)。我所做的唯一一件事就是防止在第一张/最后一张幻灯片中显示上一个/下一个按钮(在我的JQuery中是“.owl-prev/.owl-next”)，添加一个css类。当最后一张幻灯片到达时，我试图隐藏下一张幻灯片，但不起作用。有人能帮我吗？
遵循JQuery实际工作隐藏按钮，css类隐藏按钮和html carousel：
$(document).ready(function() {
$(".owl-carousel").on(&
浏览 0提问于2018-05-30得票数 0
我使用Bootstrap 4框架的标准旋转木马。我想使用mysql数据库中的图像。问题是幻灯片不起作用。它将图像显示为静态图像，一个在另一个之上，而不是幻灯片。这是一个网站的链接: www.todays.com.pl/index-off.php。
下面是一个旋转木马代码：
<div id="demo" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ul class="carousel-indicators&#
浏览 12提问于2018-08-12得票数 0
回答已采纳
1回答
我有一个旋转木马，与translate3d的拖拽选项。考虑到使用translate3d转到下一张幻灯片，我最终转换到旋转木马的末尾。你能帮我找到一个解决方案吗？
下一张幻灯片逻辑：
goNext() {
this.carousel.style.transform = `translate3d(${-(++this.elementIndex * this.album.clientWidth)}px,0,0);
}
当我到达旋转木马的末尾时：
我知道我可以在最后转换为0，但我希望在最后一张幻灯片上保持拖动选项，并能够拖动到第一张幻灯片，看起来就像下一张幻灯片一样。有什么想
浏览 0提问于2019-03-21得票数 2
我现在使用的是物质化旋转木马，我现在拥有的是2个按钮。当我单击“工作”按钮(在旋转木马外)时，旋转木马将转到下一张幻灯片。但是，当我点击“不工作”按钮(在旋转木马内)，它总是去第一张幻灯片，即使你在第一张幻灯片。
document.addEventListener("DOMContentLoaded", function() {
var elems = document.querySelectorAll(".carousel");
var instances = M.Carousel.init(elems);
window.next = fun
浏览 0提问于2018-12-02得票数 1
回答已采纳
读了很多关于这个问题的帖子后，我找不到解决方案。有谁能提供一些指导吗？
标准Bootstrap 4轮播。我尝试在视频期间暂停第一张幻灯片，然后恢复标准的旋转木马动作。
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-sl
浏览 4提问于2021-11-01得票数 0
4回答
滑动移动问题(Iphone)
、、、、
当我在手机上滑下/爬上我的网站时，第一张幻灯片是错误的，看上去是朝正确的方向滑动，然后返回几个px到另一个方向(但只有新方向上的第一张幻灯片有这个问题)。我认为更好的方法是在手机上测试：
我怎么才能修好它？希望你们能帮我伙计们！
目前，我发现的唯一一件事是删除owl-carousel.js脚本，这样滑行就变得平滑了，但是旋转木马当然不能工作，您可以在这里看到它：。
(在iphone 5上测试)
浏览 4提问于2016-09-01得票数 20
我使用与ng-repeat，我能够在我的所有项目之间滑动。但是，在列表中添加了无限数量的空白项()--，这意味着我可以在无限的时间内从自己的项目旁边滑动，它会显示空幻灯片。
即使在非常基本的标记中也会发生这种情况：
<ul rn-carousel rn-carousel-controls class="swiper-container">
<li ng-repeat="p in UseCaseCtrl.getProjects()">
<img ng-src="{{p.picture}}">
&l
浏览 2提问于2015-05-17得票数 0
回答已采纳
3回答
我正在使用twitter bootstrap和carousel功能。标记如下所示。
我正在尝试实现页面加载，1.旋转木马从第一张幻灯片开始，并保持在那里(比方说500ms)。2.然后移动到幻灯片2并永远停止。
只有2张幻灯片，用户可以用箭头在两张幻灯片之间移动，但这不应该触发幻灯片的不断循环。(如果困难，这并不是太重要)。
我试着按以下方式更改轮播控件，但我不太明白：
发自：
<script type="text/javascript">
$('.carousel').carousel({
interval: 3000
})
<
浏览 1提问于2013-02-07得票数 1
当我给我的on滑块容器的宽度为100%时，第一张幻灯片总是出现在左边，下一张幻灯片被裁剪。我想要的是，第一张幻灯片显示在中间，前和下一个幻灯片被裁剪在两边。这个是可能的吗？
HTML：
<div id="container-carousel">
<ul class="carousel">
<li><img src="http://parade.condenast.com/wp-content/uploads/2013/12/pizza-cat.jpg" /></li&g
浏览 4提问于2014-07-29得票数 2
回答已采纳
3回答
我已经阅读了几乎所有关于引导转盘的帖子，但还没有找到我的问题的答案。我已经向carousel添加了两个控制按钮(播放/暂停)，但每个按钮都会触发默认/第一张幻灯片中的函数。每当点击事件发生时，我希望能够暂停当前幻灯片并从当前幻灯片播放。
下面是我的代码：
<script src="/_catalogs/masterpage/UHN/js/bootstrap.min.js"></script>
<script>
$(function () {
$('.carousel').carousel({ inter
浏览 1提问于2013-12-16得票数 13
回答已采纳
2回答
引导旋转木马动画
、、、、
我试图添加一些简单的动画到一个引导旋转木马。代码如下：
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-
浏览 1提问于2017-01-30得票数 0
回答已采纳
1回答
我试图在Bootstrap Carousel上创建一个简单的事件处理程序，作为后面if语句的测试，我只是提醒当前幻灯片，但它一直返回0 (我的第一张幻灯片)，即使它从1滑到2，或者从0滑到1，它也总是显示0。
var slide = $('#myCarousel .active').index('#myCarousel .item');
$("#myCarousel").carousel()
$("#myCarousel").bind("slid", function(){
alert(slid
浏览 0提问于2013-09-04得票数 1
在此页面上，您可以设置每张幻灯片的宽度和高度：
carousel- slide dimension=每个幻灯片的宽度(horz carousel)或高度(vert carousel)。如果未设置此选项，将从第一张幻灯片的尺寸中推断出该值。
但是我到底该如何将它添加到代码中呢？目前还不清楚：
<div class="slideshow"
data-cycle-fx=carousel
data-cycle-timeout=1000
>
<img src="http://malsup.github.com/images/b
浏览 1提问于2013-06-04得票数 1
1回答
我在我的主页上使用了一个引导旋转木马，我不得不使用这个脚本使其自动幻灯片(Stack提供)：
<script>
$(function(){
$('#myCarousel').carousel({
interval: 4500
});
$('.carousel-control.right').trigger('click');
浏览 0提问于2014-03-19得票数 0
回答已采纳
2回答
引导转盘未向左折行
、、、、
Bootstrap Carousel按预期工作，只是单击左箭头时不会从第一张幻灯片转到最后一张幻灯片。除了第一张幻灯片外，左箭头的效果很好，然后旋转木马就消失了。
$(document).ready(function() {
$('#myCarousel').carousel({
interval: false,
});
});
<div class="row">
<div id="myCarousel" class="carousel slide">
浏览 5提问于2015-07-19得票数 0
1回答
我使用的角度UI引导旋转木马与角-nvd3 3图表和在第一张幻灯片显示很好，但幻灯片，图表是水平压缩。有办法解决这个问题吗？
<carousel interval="5000">
<slide ng-repeat="slide in [1,2,3,4,5]" >
<nvd3 options="sva.options" data="sva.data"></nvd3>
</slide>
</carousel>
以下是上的代码
谢谢:
浏览 1提问于2015-02-12得票数 0
回答已采纳
2回答
使用旋转木马的图像幻灯片
、、、、
我在一个图像模型中只有很少的图像(比如4个)，一个@all_album_pics实例包含所有的图像。我正在尝试实现一个图像幻灯片。
javascript:在同一页上
<script>
$('document').ready(function(){
$('.carousel').carousel();
});
</script>
轮播代码：
<div id="carousel-example-generic" class="carousel slide" data- ride="ca
浏览 1提问于2015-05-06得票数 1
1回答
我正在使用，并想知道如何防止用户滚动回初始(第一个)幻灯片后，他们已经滚动通过它？
我仍然希望能够像预期的那样在所有后续幻灯片之间滚动，但实际上是删除第一张幻灯片，这样它就不能回滚(基本上使第二张幻灯片成为第一张幻灯片，就好像第一张幻灯片已经不在那里一样)。
希望这有意义？第一个幻灯片基本上是一个介绍/视频幻灯片，我只希望它显示在最初的页面加载，然后滚动之后，它不再是可访问的。
浏览 0提问于2015-04-21得票数 5
回答已采纳
1回答
我在一个手机，平板电脑和台式机的网站上工作。这个网站的桌面布局有一个旋转木马，它在html中定义如下：
<div id="carousel">
<div class="carousel-slide carousel-slide-active">
</div>
<div class="carousel-slide">
</div>
</div>
类旋转木马-幻灯片定义了旋转木马的幻灯片，旋转木马-幻灯片-活动，幻灯片正在显示(由Javascript控制)。
对于
浏览 2提问于2013-10-02得票数 0
回答已采纳
1回答
当我使用以下代码时，我的第二张幻灯片的图像和标题显示在第一张幻灯片上，滑块停止工作。下面是我的代码，有人能帮我弄清楚如何将第二张图片和标题移到第二张幻灯片而不是第一张吗？
<!--Carousel Code -->
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<
浏览 1提问于2015-03-11得票数 0
回答已采纳
我正在试着制作一个旋转木马，但当最后一张幻灯片到达时，我有点卡住了。
到目前为止，我已经有了这个JS代码
var width = 130; //width of one slide
var position = 0;
var carousel = document.getElementById('carousel');
var list = carousel.querySelector('ul');
carousel.querySelector('.prev').onclick = function() {
position = Mat
浏览 5提问于2017-11-30得票数 0
回答已采纳
2回答
我目前正在为自己的投资组合网站工作。我正在基于Bootstrap的示例实现一个Carousel。然而，第一张或第二张幻灯片到第三张幻灯片之间的过渡有点小故障，图片与下一张或前一张重叠。顺便说一句，这在网站的移动版本中是最明显的。 这是网站：https://esteban-jimenez.com/，所以你们可以看到我指的是什么。 有没有办法解决这个问题？提前感谢！ 编辑： 以下是给我带来麻烦的部分： <div class="carousel-inner">
<div class="carousel-item active"&
浏览 30提问于2021-04-06得票数 0
回答已采纳
我已经在我的网页中使用了Bootstrap carousel，但幻灯片中有一个问题。第一张有内容的图像幻灯片，第二张是空白的，然后是第三张图像幻灯片，第三张图像是空白页面幻灯片。
我的代码：
<div id="myCarousel" class="carousel slide">
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" ></li
浏览 0提问于2016-06-14得票数 0
1回答
我已经创建了一个引导旋转木马，现在正在尝试创建一个数字计数器，该计数器显示页面总数和当前页码。
它可以正常工作，直到旋转木马再次启动并切换到第一页为止。它没有从“最后一张幻灯片/总幻灯片”转到“第一张幻灯片/总幻灯片”，而是在第一张幻灯片上显示“最后一张幻灯片/总幻灯片”。但它会在第二张幻灯片上重置。
另一个我认为与上述相关的问题是，如果从第一页到最后一页向后计数，它将继续显示“第一页/总幻灯片”，直到我单击“下一步”按钮。
/R
我的HTML
<div id="nav-01" class="carousel" data-ride="carous
浏览 4提问于2020-10-23得票数 1
回答已采纳
1回答
在初始页面加载中，我的iosSlider在第一张幻灯片上显示了第一个选项卡，但是当我单击其他选项卡时，它会转到该组中的最后一个幻灯片。有什么办法让它转到第一张幻灯片吗？
我的HTML代码(对这个页面来说有点长)
我的JS代码
/* main carousel */
$( "#mainCarousel .iosslider" ).iosSlider( {
autoSlide: true,
autoSlideTimer: 10000,
desktopClickDrag: true,
navSlideSelector: $( "#ma
浏览 0提问于2013-10-22得票数 0
回答已采纳
在carousal导航器里，我有<a class="carousel-control right" href="#howToBuyCarousel" data-slide="next">›</a>。如果我已经在最后一张幻灯片上了，我会禁用到下一张幻灯片吗？同样的，如果我在第一张幻灯片，我想禁用左转到最后一张。
浏览 7提问于2013-09-17得票数 0
回答已采纳
1回答
我使用这段代码创建了一个基本的旋转木马滑块(我使用4 items.When )--下一张幻灯片运行良好--但是当我通过旋转木马指示器导航到第一张幻灯片时，旋转木马指示器的位置变得不一致。
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<link href="bootstrap/css/bootstrap.css" rel="stylesheet&#
浏览 0提问于2017-04-21得票数 0
回答已采纳
我使用的是一个引导旋转木马，并根据if .item是.active向.link-txt添加了一个类。但是，一旦从特定的. .link-txt中删除了.active，我想从.active中删除该类。我似乎无法用if hasClass删除类
到目前为止，这是我的jQuery：
$('#home-carousel').on('slid.bs.carousel', function() {
if ($('.item').hasClass('active')) {
$('.active .link-txt'
浏览 4提问于2017-09-20得票数 1
回答已采纳
我正在使用一个jQuery响应旋转木马来显示一些图像和文本。当单击前进(右)按钮时，旋转木马工作得很好(隐藏的幻灯片显示得很平稳，直到它到位)，但是当单击后(左)按钮时，它会有一种奇怪的行为，因为空白处(和幻灯片一样宽)会出现，而且只有在动画完成后，幻灯片才会突然出现。
这是我的html代码：
<div id='carousel_container'>
<div id='left_scroll'><img src='navleft.png' /></div>
<div
浏览 1提问于2015-03-28得票数 2
回答已采纳
这是我在web上找到的一个带有carousel的kivy python脚本，我正试图复制它。
from kivy.app import App
from kivy.uix.carousel import Carousel
from kivy.factory import Factory
from kivy.uix.image import Image
class Example1(App):
def build(self):
carousel = Carousel(direction='right',loop='true')
浏览 10提问于2017-07-15得票数 1
2回答
嗨，我正在创建一个简单的jQuery幻灯片。幻灯片的要求很简单，只需幻灯片连续向左翻转即可。在线展示的大部分教程都非常高级和花哨。但后来我遇到了一个几乎就是我想要的。
但问题是，当图像滑动到最后时，它会向后滑动到我的第一张图像。有没有什么办法可以改变代码，这样当图像滑到最后时，幻灯片将继续滑到第一张图像，而不是向后滑动。
浏览 2提问于2012-10-30得票数 1
我正在使用来获取响应表。
在某种程度上，我需要在一个引导旋转木马的不同项目/幻灯片中包含不同的表。
在加载时，Carousel活动项上的表将正确显示(Tablesaw正确启动)，但当我移动到下一个幻灯片/项时，将无法正确显示其中的表(Tablesaw未启动)。
Tablesaw包含一个额外的JS文件，以便在加载时启动：
$( function(){
$( document ).trigger( "enhance.tablesaw" );
});
这似乎适用于第一张幻灯片/项目，但不适用于其他幻灯片/项目。
知道为什么会发生这种事吗？
我创建了一个。
浏览 3提问于2016-09-01得票数 6
回答已采纳
我有一个带有许多幻灯片的HTML (来自Bootstrap)，并希望能够通过在jQuery表单中输入一个数字来挑选幻灯片编号，如下所示：
我的HTML：
<form id="slide-number" >
<input type="number" min="0" />
</form>
我的jQuery：
jQuery('#slide-number').submit(function(){
x = parseInt(jQuery('input').val
浏览 0提问于2013-07-15得票数 0
回答已采纳
我有一个引导4旋转木马滑块在。
滑块有3张幻灯片。但是，对于页面速度优化，我已经包含了5幅大小不同的图片，这些图片加载到特定的屏幕宽度。我使用<picture>和<srcset>完成了这一工作。
请参阅下面的代码：
<div class="carousel-item">
<picture>
<source class="lazy" srcset="img/carousel/great-wall44-375.jpg" media="(max-width: 375px)"
浏览 1提问于2019-11-13得票数 0
回答已采纳
3回答
到目前为止，我可以在其中动态地将幻灯片添加到owl旋转木马中。但我不知道怎么才能把它放在开头？我已经梳理过一些文档，我不太清楚如何成为第一张幻灯片，而不是最后一张。
到目前为止，我的情况如下：
JS
var img = '<div class="item"><img src="../images/added-img.jpg"></div>';
$("#carousel").data('owlCarousel').addItem(img);
我认为这会很容易，但我不确定
浏览 3提问于2017-06-30得票数 0
我正在尝试将Carousel实现到我的项目中。一切都很好，除了，根据规格，我必须隐藏上一个按钮，如果我在第一张幻灯片上…如果我在最后一张幻灯片上，隐藏下一个按钮..有没有办法解决这个问题？
谢谢
浏览 0提问于2012-10-24得票数 2
回答已采纳
我正在尝试编写脚本，将分配描述旋转木马的“上一个”和“下一个”链接。需要根据当前幻灯片的数值从carousel项ID属性中读取描述(可通过carousel接口访问-参见JS代码第一行-返回从1开始的carousel项的数值)
HTML：
<div id="carousel-wrapper" class="content-promo carousel-wrapper>
<div class='wrapper'>
<div id='features' class=' ccm-block-st
浏览 4提问于2013-03-18得票数 2
2回答
我复制了一个引导旋转木马代码来理解它是如何工作的，但是代码并没有给我想要的结果。幻灯片不是moving.The，第一张幻灯片只是停滞不前。拜托，你觉得我做什么好呢？以下是html和css代码。我还包括了它的屏幕截图，以获得更多的澄清。
html
<div class="carousel-inner">
<div class="carousel-item active" style="background-color: red;">
<img src="..." class=
浏览 8提问于2022-07-05得票数 1
回答已采纳
1回答
我使用一个柔性滑块来创建一个旋转木马，我使用ng-重复在那个旋转木马中显示所需的列表。
我想要的是它在一张幻灯片中显示一个项目，但它在第一张幻灯片中显示了整个列表，而在第二张幻灯片中，它只显示了列表本身大小的第一项。
帮帮忙，谢谢。
<div class="page" ng-controller="mainController" >
<section class="container-fluid">
<div class="row-fluid bg-white">
浏览 0提问于2016-01-31得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
