如何在高度方面拉伸幻灯片/旋转木马？
在高度方面拉伸幻灯片/旋转木马可以通过以下几种方式实现：
- CSS3 Transform属性：使用CSS3的Transform属性可以实现元素的旋转、缩放、倾斜等效果。对于幻灯片/旋转木马，可以通过设置元素的scaleY属性来实现在高度方面的拉伸效果。例如，设置scaleY(2)可以将元素在垂直方向上拉伸为原来的两倍。
- JavaScript动画库：使用JavaScript动画库，如jQuery、GSAP等，可以更加灵活地控制元素的动画效果。通过设置元素的高度属性，可以实现在高度方面的拉伸效果。例如，使用jQuery的animate()方法可以设置元素的高度属性从原始高度到目标高度的过渡动画。
- Canvas绘图：使用HTML5的Canvas元素可以实现更加复杂的图形变换效果。通过在Canvas上绘制幻灯片/旋转木马的图形，并通过改变图形的高度属性来实现拉伸效果。
- SVG动画：使用SVG（可缩放矢量图形）可以实现基于矢量图形的动画效果。通过设置SVG元素的高度属性，可以实现在高度方面的拉伸效果。
以上是几种常见的实现方式，具体选择哪种方式取决于具体的需求和技术栈。对于前端开发，可以根据项目需求选择合适的方式进行实现。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云CSS3 Transform属性文档：https://cloud.tencent.com/document/product/249/3109
- 腾讯云JavaScript动画库：https://cloud.tencent.com/document/product/249/3110
- 腾讯云Canvas绘图文档：https://cloud.tencent.com/document/product/249/3111
- 腾讯云SVG动画文档：https://cloud.tencent.com/document/product/249/3112
相关·内容
我在我的网站上使用引导旋转木马，我想为旋转木马添加一些效果，为此，我需要从CSS加载图像，而不是从HTML加载，但是如果我删除img标记，那么旋转木马就不会显示任何内容并跳到下一张幻灯片。
这是一个div标记，显示旋转木马如何加载幻灯片。
<div class="item">
<img src="path/img.png" alt="Second slide">
<div class="container">
</div>
这是我的CSS
.imagefromcss{
backgr
浏览 1提问于2014-07-01得票数 0
回答已采纳
对html5和Bootstrap 3来说还是个新手，但我正在努力让我的电子商务网站响应。非常神秘的东西。这里的问题是，简单地添加一个链接到我的旋转木马标题会导致第二张幻灯片在循环期间消失，然后停止。要查看这一点，请单击，查看那里的旋转木马工作正常，然后单击左侧导航栏上的蓝色链接"Page showing carousel with link“。您将转到一个页面，该页面仅在包含链接的旋转木马标题的第二行中有所不同。在那里，当幻灯片1转换时，幻灯片2无法显示。把两页的源代码放在一边看，我看不出有什么区别。另外，我刚刚注意到，在carousel标题中添加链接似乎以某种方式导致页脚中的li项更
浏览 5提问于2014-12-10得票数 1
3回答
我有一个问题，当调整窗口大小时，Bootstrap旋转木马会拉伸或挤压旋转木马中的图像。它还垂直延伸我的图像，即使宽度和高度属性匹配图像的大小。
我尝试了所有答案，但没有成功，比如将min-width: 100%;设置为.carousel img类，等等。我的代码直接来自Bootstrap网站，我注意到它里面的图像也是一样的。
奇怪的是，它完全适合边缘和火狐的窗口。在旋转木马中的图像看起来和预期的一样，但是在Chrome和Opera中打开会产生完全不同的东西。
任何帮助都是非常感谢的。
浏览 0提问于2017-02-22得票数 0
所以基本上我想用Slick来做这样的事情...我想要有普通的幻灯片，但问题是，我想在它们里面有行动的调用(按钮)。这通常很容易将按钮与幻灯片放在一起，但有一个溢出:旋转木马上的隐藏样式无法取下，否则其他幻灯片就会显示出来。我想知道我如何才能做到这一点(按钮稍微向外移动而不被切断)。
编辑:添加边框旋转木马，这是真正的问题，我有…维护边框并使底部显示为与边框重叠
浏览 0提问于2015-05-29得票数 0
我正在使用同位素生成一个动态的方块网格。有些块内部可以有一个旋转木马。我正在使用Slick Carousel ()来做这件事。
下面是一个示例>
$(function () {
var $container = $('.grid').imagesLoaded( function() {
$container.isotope({
itemSelector: '.block',
gutter: 0,
transitionDuration: 0
})
浏览 0提问于2015-01-25得票数 2
回答已采纳
在我的旋转木马幻灯片中有4张图片幻灯片。但是我不想要移动视图中的旋转木马，我只想要移动视图中的单个图像。 css更改 .carousel-inner .item.active {visibility:hidden;}
浏览 9提问于2019-06-10得票数 0
我的页面上有Bootstrap 3旋转木马，有10多张旋转木马幻灯片，我想只显示旋转木马的3个指示器，因为我不想显示N个指示器，因为幻灯片图像是动态的！
在旋转木马穿过第三张幻灯片(启用自动滚动/更改)后，第三个指示器应保持活动状态，直到旋转木马变为第一张幻灯片。如何做到这一点？
浏览 16提问于2019-07-26得票数 0
回答已采纳
我使用的是引导旋转木马，当它到达最后一张幻灯片时，我希望停止旋转木马的滑动(在最后一张幻灯片处停止)，然后禁用"next“按钮。
浏览 1提问于2014-07-03得票数 3
回答已采纳
我有自动播放的Cycle2旋转木马。有人知道如何在某些幻灯片上停止Cycle2旋转木马吗？
使用$('.cycle-slideshow').on('cycle-update-view'，function (e，optionHash，slideOptionsHash，currentSlideEl) { var caption = (optionHash.currSlide + 1)；//alert(optionHash.currSlide)；
if(optionHash.currSlide == 3){
$('.cycle-s
浏览 6提问于2014-12-02得票数 0
2回答
我在我的网站上使用的是最新版本的Bootstrap。每次旋转木马滑动时，幻灯片图像下方都会出现一个白色背景。
这是从哪里来的，我如何摆脱它？图像的大小各不相同。
浏览 2提问于2016-03-20得票数 0
我是ionic框架的新手，我正在使用"“链接中的旋转木马。
我必须根据旋转木马的幻灯片来改变页面的内容。
浏览 4提问于2015-12-14得票数 0
10回答
我正在尝试构建一个灵活的旋转木马控件，允许内部内容元素强制更改幻灯片，以及旋转木马控制自己更改幻灯片
我页面中的示例结构如下所示
<my-carousel>
<div class="slide">
<button @click="$emit('next')">Next</button>
</div>
<div class="slide">
<button @click="$emit('close')&
浏览 5提问于2018-06-20得票数 41
回答已采纳
1回答
tl;dr版本：希望将半张图像定位在an滑块div之外，但是溢出:隐藏会导致旋转木马的每一张幻灯片出现。
我正在使用的代码：
截图：
长版本：
因此，将on滑块配置为在我的站点上使用的旋转木马。
它应该是什么样子(在photoshop中)(见截图1)
我主要关心的是我正在使用的循环png。为了配合风格，我想把它的上半部分放在div之外。我定位它，然后它看起来像这样，都被切断了(截图2)
这是因为默认情况下存在溢出:隐藏以隐藏旋转木马的其他部分。如果我关闭溢出:隐藏，图像看起来很好，但当然其他项目显示(屏幕截图3)
我如何使图像符合旋转木马，但绕过溢出:隐藏？
谢谢!
浏览 6提问于2014-06-22得票数 0
回答已采纳
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
回答已采纳
我有一个香草旋转木马直接从引导网站。
$('.carousel').carousel({
interval: 2000
})
它有5张幻灯片，有5个指标：
1 2 3 A B
我希望旋转木马自动循环通过幻灯片1，2和3，然后重复。但是，如果我点击幻灯片A或B的指示器，我想移到该幻灯片并暂停旋转木马。
如何将自动旋转限制为幻灯片12、2和3？
浏览 3提问于2017-02-22得票数 2
回答已采纳
我能够像描述的那样创建一个旋转木马。旋转木马出现并正常工作。
稍后，我想添加一个额外的幻灯片：
$(".carousel").append('<a class="carousel-item active" href="#six!"><img src="http://lorempixel.com/250/250/nature/6"></a>');
然而，这似乎不工作，因为幻灯片没有被添加到旋转木马。
是否不支持向初始化的旋转木马添加幻灯片，或者这是否是我的问题？
浏览 8提问于2016-09-08得票数 5
回答已采纳
1回答
我在meteor .I中有一个应用程序，想要在动态高度的旋转木马中阅读我的网站馈送。我在每张幻灯片的底部都有(阅读更多)按钮。witch carousel插件适合这个目标吗？
浏览 1提问于2018-06-15得票数 0
嗨，我正在尝试使用jssor旋转木马来构建客户端旋转木马，它很好，但是我需要旋转木马，而不是在幻灯片之间停止动画，我将AutoPlayInterval设置为0，但是在幻灯片之间仍然会停止。
浏览 0提问于2014-12-31得票数 0
回答已采纳
1回答
在用户放大/关闭浏览器页面后，是否有办法避免重置旋转木马？我发现页面上有类似的旋转木马，而这种行为并没有发生。转到斯巴达克斯演示网站，在旋转木马导航到下一个幻灯片块，然后缩放页面，你应该看到旋转木马重置为第一个幻灯片块。
浏览 5提问于2022-08-11得票数 -1
1回答
我用的是肯惠勒的漂亮的旋转木马js。现在我有7张幻灯片在我的旋转木马里。我想每次显示4个幻灯片，这将导致4幻灯片在第一次，然后3幻灯片下一次。我想要最后那个空白。
但旋转木马保持从以前的幻灯片，以调整4幻灯片，每次我点击下一步。你可以从下面的图片中了解我想要什么。
这就是我想要的。
现在，它显示了前面的幻灯片，尽管我已经单击了next。
浏览 4提问于2016-12-03得票数 0
回答已采纳
我正在寻找的人，以建议一个好的jQuery旋转木马插件与缩略图下面和更大版本的这些缩略图之上。有许多jQuery传送带选项的幻灯片和缩略图，但我需要的是，3张图片在幻灯片中可见。Prev图像的“当前幻灯片”和下一个图像的“当前幻灯片”。因此，当用户点击一个缩略图时，它也会用3张图片滑动上面的幻灯片。
如何用现有的jquery旋转木马插件实现？我猜，有“同步”功能的多个旋转木马？还要别的吗？
我偶然发现了FlexSlider，它可以选择使用缩略图旋转木马的幻灯片。它自动添加一个“灵活-活动-幻灯片”到幻灯片图像。我决定让prev和下一个图像可见，这取决于“flex-active-幻灯片”，
浏览 3提问于2013-08-19得票数 3
回答已采纳
我在用猫头鹰图像旋转木马。
它很好用。我想使当前幻灯片的大小比其他幻灯片稍大一点。换句话说，我想使当前幻灯片的宽度更大。
为了使当前幻灯片更大，我添加了以下代码：
$(document).ready(function () {
$("#owl-demo").owlCarousel({
autoPlay: 3000,
responsive: true,
addClassActive: true,
items: 4,
itemsDesktop: [1199, 3],
itemsD
浏览 1提问于2014-06-30得票数 6
回答已采纳
出于性能原因，我希望在桌面上使用大尺寸的图像，而在移动设备上使用小尺寸的图像作为我的旋转木马幻灯片。
我尝试了下面的代码，但只取得了有限的成功：
<picture>
<source srcset="images/s2.jpg" media="(min-width: 768px)">
<source srcset="images/s2m.jpg">
<img class="second-slide" srcset="images/s2m.jpg" alt=&
浏览 0提问于2017-01-10得票数 3
我做了一个网站在Twitter Bootstrap和有使用Twitter Bootstrap旋转木马一切都很好，但在旋转木马我有问题，当自动播放启动旋转木马幻灯片所有的图像，但当到达最后一张幻灯片它停止了。我想做这样的幻灯片，但我还没有找到代码。在这个例子中，它并没有停止。
浏览 1提问于2013-09-14得票数 0
1回答
同步克隆的轮播
、、
我有一个放在常规视图中的Bootstrap 4旋转木马。用户能够在模式中查看轮播。
需要同步模式中的轮播和常规视图中的轮播。因此，当一个旋转木马滑动时，另一个旋转木马也会滑动。我已经尝试克隆原始的旋转木马，并将其附加到模式。
$(".carousel")
.clone(true)
.appendTo(".modal-body");
当我点击克隆的旋转木马中的滑动按钮时，原始的旋转木马会滑动，但克隆的旋转木马会停留在原始幻灯片上。
我已尝试使用将克隆的滑块设置为活动幻灯片。这以某种方式给出了一个javascript语法错误:无效的正则表达式。
如何同步复制
浏览 0提问于2017-09-30得票数 0
1回答
我试图使旋转木马改变滚动幻灯片，每个幻灯片包含4层(背景，花朵和形状)我想要的是滚动旋转木马改变到下一张幻灯片，但每一层都应该幻灯片传出时间，就像这个<code>C0</code>
<code>B1</code>
我已经创建了旋转木马和它在滚动上的工作，但我不知道如何使传出层和动画他们的幻灯片效果像上面的链接。
我的代码：-
<code>A2</code>
我的笔：- <code>C3</code>
浏览 31提问于2021-06-16得票数 2
回答已采纳
2回答
我一直在练习制作网页。长话短说，下载了一个私营部门司从365psd.com，并一直试图重新设计，只是混乱的主题，例如。
我有一个旋转木马，我用CSS动画创建了三个图像。旋转木马本身工作良好，看起来很好的全尺寸。尽管当我将浏览器缩小到更小的尺寸时，图像并不会伸展其高度来填充整个区域，因此在导航之前，它会在图像下留下一个很大的黑色区域。
我尝试使用高度100%的宽度自动工作，但图像延伸。我很好奇是否有办法尽量减少拉伸(或没有任何在一起)。我很好的图像被裁剪，但我希望它保持没有拉伸，如果可能。
集线器页面：
Github：
有什么想法？
浏览 1提问于2018-02-08得票数 0
回答已采纳
1回答
在kivy，我想使用旋转木马，但是我发现我不仅需要当前的幻灯片，而且当旋转木马向左右滑动时，我还需要幻灯片的确切位置(滑动时)。我能用旋转木马做这个吗？或者我应该使用其他小部件，或者必须自己实现一个？谢谢!
浏览 1提问于2014-11-17得票数 1
回答已采纳
2回答
如何在bootstrap中降低旋转木马幻灯片中的图像高度，但在降低图像高度后必须具有响应性。 <div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="images/x
浏览 24提问于2020-08-26得票数 0
我找到了一个用于twitter引导的片段，可以用选项卡导航来制作一个旋转木马。一切正常，除了“自动播放”。
我希望旋转木马能够自动滑动，所以我指定了一个使用data-interval="1000"的旋转木马的时间间隔。
问题:旋转木马导航选项卡与幻灯片不同步。幻灯片正在按预期进行动画，但选项卡保持不变。
是否有一种使制表符与幻灯片同步变化的干净方法？
演示：
谢谢你的帮忙
浏览 2提问于2014-03-15得票数 2
回答已采纳
1回答
推特自带旋转木马。
我的传送带里有六样东西。取决于用户的输入，我只需要显示5或6幻灯片。对于这种行为，我需要跳过幻灯片，同时在旋转木马中使用左箭头和右箭头。有没有办法覆盖旋转木马中的左右箭头。
浏览 0提问于2014-07-31得票数 1
回答已采纳
1回答
我创建了猫头鹰旋转木马幻灯片，需要做的是幻灯片之间的过渡不被注意，缓慢而连续地移动。有 (幻灯片在页面底部)
如果这不能做到这一点，猫头鹰旋转木马滑块可以做这样的幻灯片过渡。
浏览 0提问于2017-09-25得票数 1
2回答
我正在制作旋转木马并将其插入col-md-8中，剩下的4个网格用于侧导航。当我为幻灯片从包装类中删除活动类时，我的旋转木马是不可见的，为什么会发生这种情况，为什么我们需要使它活动。
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarou
浏览 1提问于2017-06-13得票数 0
回答已采纳
2回答
背景信息：
我试图为我的旋转木马部分创建一个自定义主题，但我无法让它工作。我试过使用Drupal附带的默认旋转木马。我试过使用幻灯片视图。另外，我已经知道了吉姆·比尔的自定义靴带旋转木马和光滑的旋转木马，但是我无法使用它们，因为这些扩展仍然在Beta中。
问题陈述：
我想要做的主要途径是创建一个名为Carousel Section的段落类型，该段落类型引用另一个段落类型，名为“`Caraousel幻灯片”。
我想使用这个设计，这样我就可以在我的页面上单独组织幻灯片。
在Carousel Slide段落类型中，它有以下字段：
幻灯片图像
幻灯片标题
幻灯片描述
幻灯片链接(这是幻灯片的位置，如果
浏览 0提问于2018-11-06得票数 0
回答已采纳
1回答
我是AngularJS的新手。现在，我有一个可重用的旋转木马部件，我对其进行了修改，以便在一个框架中显示2张幻灯片(我将旋转木马作为指令，以便可以在任何地方使用)。我正在使用角用户界面引导程序中的旋转木马组件，并根据本中解释的方式对其进行了修改。
但是，我计划修改我当前的旋转木马小部件，以接受一个数字，该数字将确定在1帧中将显示多少幻灯片，并动态地更改其显示。
例如，如果3被传递，那么3张幻灯片将显示在1帧中。
我的2幻灯片1帧旋转小部件的方式是相当静态的(显示在1帧中的幻灯片数量已经在其HTML中定义了)。有可能这样做吗？任何帮助都是非常感谢的！谢谢。
浏览 2提问于2015-02-20得票数 0
回答已采纳
我尝试(但失败)编写一些JavaScript，从旋转木马的“活动”幻灯片中获取data-attribute，然后将相同的文本添加到容器外部的p元素中。当旋转木马得到一张新的“活动”幻灯片时，文本应该会改变--如果可能的话，会稍微褪色。
我不希望标题出现在旋转木马中，overflow: hidden阻止我在幻灯片中添加一个标题，然后用absolute将其定位到外部。
如果更简单的话，我可以从幻灯片中的p中获取文本，而不是data-。那就把文字藏在里面。
这是我的尝试：
var caption = document.querySelector(".caption");
if(do
浏览 12提问于2022-01-30得票数 1
回答已采纳
当我的网站第一次加载时，所有滑块图像都可以在堆栈中看到。我用猫头鹰旋转木马v2.2.1。我对此使用溢出样式。
在幻灯片开始之前，所有幻灯片图像都显示在一个堆栈中，在加载期间破坏站点的布局一小部分秒。
如何避免这种无样式内容的闪现？
浏览 18提问于2017-11-09得票数 1
回答已采纳
我正在尝试用做一个旋转木马，如下所示：
$('.carousel').unslider({
autoplay: true,
speed: 750,
delay: 3000,
nav: false,
infinite: true,
arrows: {
prev: '<div class="prev-btn"></div>',
next: '<div class="next-btn"></div>'
}
})
当我添加anima
浏览 25提问于2016-08-30得票数 2
我试图使用Bootstrap的旋转木马来处理不同高度的内容。高度将根据浏览器的宽度而不同，在旋转木马下面有内容。我想使用CSS动画之间的高度变化幻灯片。在一位朋友的帮助下，我几乎可以在FireFox (第一次幻灯片跳转，其余的动画)中工作，但是Chrome中的滑动动画出现了一个明显的错误。
任何输入都会很棒，即使你认为我应该用完全不同的方式处理高度动画，请让我知道！
这里是我认为重要的JS和CSS，但是整个事情都在JS：上。
JS
$('#myCarousel').carousel({
interval: false
});
$('#myCarousel
浏览 3提问于2013-02-20得票数 6
回答已采纳
1回答
猫头鹰旋转木马内的引导标签
、、、、
我见过很多关于把猫头鹰( Owl )旋转木马控件放置在Bootstrap选项卡窗格中的问题。例如，和。
我想要实现相反的:将引导选项卡窗格放置在幻灯片(div)中猫头鹰旋转木马中。不幸的是，它不起作用:单击按钮组不会切换选项卡。如果我把幻灯片放在旋转木马外面，它就开始工作了。我发现了问题所在。Owl创建幻灯片(owl-item cloned)的副本，以使幻灯片看起来像是环环的。因此，有几个按钮组具有相同的id和name。它们是相互冲突的，所以切换选项卡不起作用。
有办法解决这个问题吗？或者猫头鹰旋转木马只支持简单的、可克隆的、类型的幻灯片？
如果我将loop设置为false，这会有所帮助，但我
浏览 12提问于2022-09-22得票数 1
回答已采纳
2回答
我在用光头做测试。我目前正在对幻灯片的高度进行硬编码：
<div class="slides">
<div>slide a</div>
<div>slide b</div>
<div>slide c</div>
</div>
CSS：
.slides {
height: 200px;
}
不过，我希望旋转木马自动成为最高滑梯的高度。有没有办法做到这一点？
浏览 0提问于2016-07-28得票数 4
4回答
我有幻灯片，用户可以在不同的幻灯片之间滑动和导航，但有些幻灯片在slides.so中有旋转木马或嵌套幻灯片，如果我滑动旋转木马，幻灯片导航就会发生，我需要防止这种情况发生。因此，我需要防止父元素滑动，如果子元素被滑动。如何达到预期的行为？谢谢
使用GSAP可拖动，尝试在stopPropagation事件中赋予onPress
浏览 3提问于2020-01-20得票数 2
回答已采纳
我正在为一个项目建造一个自带旋转木马。幻灯片的内容有不同的高度。目前，对于不同大小内容的过渡动画是非常不稳定的。我想知道是否有任何方法来解决这一过渡，并使它更优雅/平稳，因为旋转木马调整高度之间的幻灯片。
*请注意，我想保持幻灯片之间的不同高度。他们这样做是出于一个对项目至关重要的原因。
下面是旋转木马的代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=d
浏览 4提问于2017-01-13得票数 2
回答已采纳
2回答
我把鞋带旋转木马挂上了。幻灯片下一步和prev工作正常，但幻灯片的链接不一样。
下面是带有幻灯片链接的旋转木马示例：
<!-- Carousel -->
<div id="seriesCarousel" class="carousel slide">
<div class="container">
<div class="carousel-inner">
<div class="item" data-id="2">
浏览 3提问于2013-11-13得票数 4
回答已采纳
4回答
我想找出解决这个问题的办法。每当旋转木马滑动或滚动幻灯片时，页面滚动到屏幕顶部。
参考站点：
如何复制:向下滚动到横幅滑块的一半，并确保您可以看到旋转木马幻灯片横幅。
浏览 7提问于2017-02-13得票数 4
回答已采纳
在一个项目中，我将与结合使用。在猫头鹰旋转木马中，你可以激活"mouseDrag“，这样你就可以用鼠标拖动旋转木马了。这很好用！此外，当我有真正的超链接在幻灯片中，它不会打开他们时，拖动。
但有了羽毛光，情况就不一样了。如果幻灯片中有羽状光链接，当我拖动旋转木马时，它会打开它们。为什么是这样？我能纠正这种行为吗？
我做了一个代码示例，演示了这个问题：(请拖动两个旋转木马)
当拖动旋转木马时，它将打开灯箱：
<div class="owl-carousel featherlightlinks">
<div>
<a href=&
浏览 6提问于2020-08-07得票数 3
回答已采纳
1回答
我希望这问题可以先问一问。我有一个问题在引导旋转木马。我详细地解释了我想要达到的目标。
假设我有10张旋转木马滑块。
当我点击第二个幻灯片点导航，一个幻灯片上升，下一个幻灯片出现在视图中。
如果我点击9号幻灯片点导航，仍然有一个幻灯片将上升，下一个幻灯片将出现在视图中。
我想当我点击，比方说5号幻灯片点导航时，它应该一直向上移动，让用户知道滑块会上下移动4个幻灯片，然后到达5号幻灯片，但是引导旋转木马不会这样做。
我怎样才能达到这个效果。
为了简单起见，请检查这个示例。我想要实现的
你的帮助会非常感激的。
非常感谢
浏览 1提问于2016-03-02得票数 1
1回答
我想用自定义控件控制旋转木马图像，如下所示。
所以我希望用户能够控制旋转木马的幻灯片，在旋转木马下面有3个大的菜单div。
我使用的是角ui引导旋转木马，默认情况下它有控制按钮(中间的3个小圆圈是白色的(活动的)，所以我希望这些是旋转木马下的3 div)。
根据活动幻灯片(活动幻灯片使相应的div绿色)，div的样式已经在发生。需要发生的是:当用户单击div时，旋转木马应该转到相应的幻灯片。
我的代码在下面
<!--CAROUSEL-->
<div class="carouselwrap">
<carousel interval=&#
浏览 8提问于2015-04-15得票数 2
回答已采纳
我正在尝试通过一个ngFor来动态地填充一个引导4旋转木马，迭代包含图像urls的字符串数组。旋转木马没有显示图像，尽管查看生成的标记，一切看起来都很好。我猜这个组件是在每个幻灯片添加div之前呈现的，因为“旋转木马幻灯片”div的高度为0px，我认为这就是隐藏幻灯片本身的原因。
在幕后，我有一个名为"primarySlideshowImages“的公开属性，它包含一个urls数组：
ngOnInit() {
this.primarySlideshowImages = this.photoService.getImageLists(ImageListKeys.B
浏览 2提问于2017-10-23得票数 2
回答已采纳
1回答
我有一个旋转木马，与translate3d的拖拽选项。考虑到使用translate3d转到下一张幻灯片，我最终转换到旋转木马的末尾。你能帮我找到一个解决方案吗？
下一张幻灯片逻辑：
goNext() {
this.carousel.style.transform = `translate3d(${-(++this.elementIndex * this.album.clientWidth)}px,0,0);
}
当我到达旋转木马的末尾时：
我知道我可以在最后转换为0，但我希望在最后一张幻灯片上保持拖动选项，并能够拖动到第一张幻灯片，看起来就像下一张幻灯片一样。有什么想
浏览 0提问于2019-03-21得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
