carousel 相关问题

内容的旋转显示,可容纳各种内容,通常包括“下一个”和“前一个”按钮,以旋转内容。

使用区间算术

假设我们有[-2,-1,0,1,2,3]范围,可以描述为MIN_VALUE = -2和MAX_VALUE = 3。我们要实现一个名为infiniteCarousel()的函数,该函数可以接受任何数字,并且使用的...

回答 1 投票 0

交叉点观察器在轮播(Siema)上循环后“卸载”图像

我有这个小提琴来说明我的问题。我为延迟加载图像制作了一个交叉观察器,代码:const images = document.querySelectorAll(“ [data-src]”);函数preloadImage(img){...

回答 1 投票 0

Angular 8 Carousel:在每张幻灯片上下载图像按钮

我正在使用Angular select插件使用Angular 8 Carousel。我需要显示一些带有下载按钮的图片,以直接下载图像。有人可以在...

回答 1 投票 0

如何在Xamarin Carousel中将所有项目模板数据设置到单个视图中

我已经尝试使itemtemplate中的所有项目都变成一个单一的视图,如下图所示,如何通过使用Xamarin CarouselView实现此目的,我正在使用像这样的carousel = new ...

回答 1 投票 3

向左滑动绝对位置:div并淡出-WordPress上的Bootstrap

在我的基于Bootstrap v.4.3框架的WordPress中,我有一个基于图像的圆盘,在其顶部有一个纯色层div。我希望纯色层淡出并露出下方的旋转木马...

回答 1 投票 0

在Android中创建轮播

您好,开发人员我该如何创建类似于附件图像的轮播视图。当我在任一侧(左右或向左或向右)滑动时,中间的所选图像将被放大,而相邻的图像则是位...

回答 1 投票 -1

Xamarin Carousel View:达到峰值时对齐当前项目中心吗?

我有一个Xamarin Carousel视图,其中PeakAreaInsets设置得很高,这样我就可以一次看到列表中的多个项目。但是我注意到当设置为捕捉时,当前项目会自我对齐...

回答 1 投票 0

如何将图像的宽度扩展到旋转木马内部窗口的宽度?

您可以在我的Github页面上看到我的轮播。 https://ionianthales.github.io/playground.github.io/我将.carousel设置为position:absolute;这是ul标签。当我单击.right-btn时,幻灯片...

回答 1 投票 0

Xamarin.Forms CarouselView:降低未选中项目的不透明度

我有一个Xamarin.Forms Vertical CarouselView,其中PeakAreaInsets设置得很高,所以我可以一次看到列表中的多个项目。我希望有一种方法可以直观地显示...

回答 1 投票 0

在Dailogflow中显示旋转木马卡后,我想通过语音操作选择列表之一

向我们介绍Dailogflow。在Intents的设置中,将其设置为在响应中显示GoogleAssistant的Carousel卡。我已经能够显示轮播卡,但是我想选择一个...

回答 1 投票 0

在ngb-carousel中嵌入youtube iframe

我正在尝试将iframe嵌入到ngb轮播中。轮播显示正常,iframe“标签”不是: [

回答 1 投票 0

如何停止自动移动滑块

我的轮播/滑块正在自动移动,我想阻止它只能通过单击导航错误来移动,这是滑块https://ibb.co/HPr9rJR的图片,它正在左侧移动...] >

回答 2 投票 -3

如何激活CDN光滑传送带?

我正在尝试使用圆滑的转盘,将CDN的链接放在封闭体标签上方的JavaScript标签内。但是,该链接与官方网站上的链接相匹配:https://cdnjs.com/libraries/slick -...

回答 1 投票 0

猫头鹰圆盘导航在html的同一行中

我有一个现成的猫头鹰旋转木马滑块,图像会在其中自动滑动,并且顶部有一个导航,现在我添加了两个相同的滑块。但是问题是导航...

回答 1 投票 0

bootstrap-4传送带在网页中不起作用

我在网页中插入了一个轮播,但无法正常工作,试图实现该轮播“ codepen.io/decibeldesign/details/bMrQKN”,而完整的网页代码是“ paste.ofcode.org / ...

回答 1 投票 0

没有活动项目的启动传送带

我正在使用轮播制作一个小画廊,但是,我希望它没有活动图像。这是我的代码: []]] < [ 您可以在没有活动项目的情况下使用它,但不会显示任何内容。活动类的重点是设置显示:块;默认情况下,轮播项目显示为:none。通过添加活动类,您可以覆盖此属性以使该图像出现。要完成此工作,您需要做更多的工作,例如添加按钮或计时器来旋转项目,并将类更改为活动。 由于您使用的是Angular,因此我建议您查看ngb-carousel。就是这么简单。 <ngb-carousel class="mt-3 bg-dark"> <ng-template ngbSlide *ngFor="let image of repo.currentPlace.images"> <div class="picsum-img-wrapper"> <img style="display: block;" [src]="image.url" alt="Random first slide" [class]="getRotateClass(image)"> </div> <div class="carousel-caption"> <p>{{image.caption}}</p> </div> </ng-template> </ngb-carousel> ngb-carousel是ng-bootstrap软件包的一部分。在项目目录中运行以下命令以安装软件包: npm install --save @ng-bootstrap/ng-bootstrap 然后将NgbModule添加到您的应用模块。 imports: [NgbModule, ...], 完整的安装和使用说明以及完整的代码示例在这里:https://ng-bootstrap.github.io/#/getting-started

回答 1 投票 1

我如何在该垂直转盘的第一个和最后一个项目上隐藏引导程序3个转盘箭头?

我想使用https://codepen.io/danbhala/pen/eNZrQW垂直轮播滑块。我缺少的唯一一段代码是隐藏在第一项和最后一项上的箭头。我试图用https:// ...

回答 1 投票 0

如何注销CarouselView的图像侦听器以避免内存泄漏

在Android应用程序中,如何注销CarouselView的图像侦听器以避免内存泄漏:CarouselView代码的某些部分:以下代码是用于定义图像的类...

回答 1 投票 0

带有JSX内容的旋转木马类型功能

我希望将页面/组件添加到以下控件。当前,当您前后单击时,将在导航控件之间显示计数。我试图达到的目标是...

回答 1 投票 1

如何获得React.js和Bootstrap 4模式转盘,以始终在打开时显示第一张图像

我正在将React.js与Bootstrap 4模态/轮播一起使用,我希望在模态打开时始终显示第一张图像。现在,第一次打开模态时显示第一张图像,但是...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.