carousel 相关问题

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

如何将这个“滚轮”事件用于触摸和/或拖动?

目前正在开发一个 Nuxt 3 应用程序,该应用程序包含一个轮播功能,目前仅适用于水平滚动。但是,我遇到了一个问题,只有用户可以...

回答 0 投票 0

使用 react-alice-carousel 创建居中旋转木马

我一整天都在努力用 react-alice-carousel 库创建一个居中的轮播,结果就是这些。链接到这里的图书馆 基本上我实现了 gif 上展示的结果

回答 1 投票 0

圆形图像在过渡时显示角然后立即再次变圆

我正在使用 Bootstrap 5.3,每当我的旋转木马出现过渡时,角就会显示出来,然后再次变圆。坦率地说,它在标题中。这确实是我的问题。 显示的内容...

回答 1 投票 0

使用 chakra ui 时如何将箭头保持在卡片的中心侧,并对带有卡片图像的箭头幻灯片做出反应?

我已经厌倦了 chakra ui mb,mt 选项,但它只是将箭头向上而不是它的图像

回答 0 投票 0

CanvasJS 图表宽度错误,直到调整窗口大小

我见过其他人有这个问题,但没有一个以解决方案结束。我正在构建一组图表以在轮播中循环,就 Chrome 调试器上的元素选项卡而言

回答 1 投票 0

如何在用户第一次滚动时动态调整旋转木马的大小?

在细节之前我想告诉我我正在使用带有 Tailwind CSS 的 Next js 并使用 Splide 库进行轮播。 问题: 我的 Next js 网站上有一个主轮播,当网站首先加载时......

回答 0 投票 0

如何根据响应变化改变 Angular Carousel 的“cellsToShow”

我正在为我的角度项目使用角度响应轮播。 ...

回答 1 投票 0

如何修复幻灯片?

我正在尝试在我的 index.html 上播放卡片幻灯片(轮播)。 我目前拥有的代码展示了所有五张垂直堆叠的卡片,带有不执行任何操作的可点击箭头。有谁知道...

回答 1 投票 0

Boostrap v5 旋转木马不滑动

当我单击下一张/上一张按钮时,轮播会淡入下一张幻灯片,即使我已经添加了“幻灯片”类。 当我点击下一张/上一张按钮时,轮播会淡入下一张幻灯片,即使我已经添加了“幻灯片”类。 <div id="testimonials-carousel" class="carousel slide" data-bs-ride="false"> <div class="carousel-inner"> <div class="carousel-item active" style="background-color: red;"> <img src="..." class="d-block w-100" alt="..."> </div> <div class="carousel-item" style="background-color: yellow;"> <img src="..." class="d-block w-100" alt="..."> </div> <div class="carousel-item" style="background-color: blue;"> <img src="..." class="d-block w-100" alt="..."> </div> </div> <button class="carousel-control-prev" type="button" data-bs-target="#testimonials-carousel" data-bs-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="visually-hidden">Previous</span> </button> <button class="carousel-control-next" type="button" data-bs-target="#testimonials-carousel" data-bs-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="visually-hidden">Next</span> </button> </div> 我要幻灯片顺滑不褪色。你们能告诉我我做错了什么或指导我应该怎么做吗

回答 0 投票 0

wordpress rest api gallery images show flutter carousel slider only one image

” 尝试从帖子内容图像中获取图像以在旋转木马滑块中显示如何将图像列表转换为字符串以显示旋转木马滑块 最终列表文章; 诠释

回答 0 投票 0

插入Bootstrap Carousel后,Navbar的大小变成了垂直的(修复了几天还是不行

在我的index.html上,插入Bootstrap carousel后,我的navbar变成了垂直。我试着改变了所有能改变的东西,比如字体大小、宽度等等。但是,似乎这是问题的 ...

回答 1 投票 0

vue-owl-carousel不能与v-for一起工作。

我使用的是vue-owl-carousel,每个项目都是用v-for填充的。 {{index}} ... ...</root>

回答 1 投票 0

VueJs组件在modal中没有渲染,直到我通过调整窗口大小强制重新渲染。

我使用的是 "Carousel-3D"(把它导入到项目全局中),像这样导入Carousel3d from 'vue-carousel-3d' Vue.use(Carousel3d) source : https:/wlada.github.iovue-carousel-3dguide Then I ...

回答 1 投票 0

我如何能有响应的页面,通过使用slick插件的滑动图像使用.your-class和多项目类的手机,平板电脑。

我想创建一个网页,在手机屏幕上显示一张图片,但我可以滑动到下一张和上一张图片。然后为平板电脑屏幕有2个图像滑动到下两个图像和2个前一个图像。

回答 1 投票 0

如何同步这两个bootstrap转盘?

所以,我试图同步两个bootstrap 4的旋转木马,根据下面的图片。旋转木马 我需要指示器和箭头图标同时显示左右两边的内容...

回答 1 投票 0

使用Slick旋转木马在不同的断点上显示不同数量的幻灯片。

我正在使用slick.js来构建一个响应式的旋转木马。目前,对于980px的断点,我想只显示两张幻灯片,但对我来说是行不通的。以下是我的代码:- $(document)...。

回答 1 投票 0

翩翩从子部件中使用控制器

我对Flutter相当陌生,几天前我遇到了carousel_slider包。文档中提供的一个例子是一个手动控制的滑块,但当我改变如何建立部件时,我...

回答 1 投票 0

试图根据数组的大小在角形旋转木马中动态创建幻灯片。

我目前正试图通过使用for循环,根据一个数组中的项目数量来动态地创建一个旋转木马的幻灯片,这是当前的carousel.component.html

回答 1 投票 0

Bootstrap Carousel中的项目数返回0。

我试图获取一个Bootstrap旋转木马中的项目长度(总数),但我的代码一直返回0:var totalItems = $('.carousel-item')。然而我的代码一直返回0:var totalItems = $('.carousel-item').length;数据乘法是在 ...

回答 1 投票 0

改变Angular中动态创建元素的可见性。

我想在我的页面上显示2个旋转木马元素,顶部和底部。底部的旋转木马是通过for循环创建的,我只想让其中一个根据当前活动的幻灯片可见。

回答 1 投票 0

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