carousel 相关问题

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

我似乎无法在轮播小部件中显示我的JSON数据图像。 (颤振)

我正在尝试在轮播中显示图像时遇到了这个问题。我正在使用包carousel_pro。我很困惑,因为当我对变量中的内容进行硬编码时,它就起作用了...

回答 1 投票 0

带内箭头的颤振片

如何在Flutter中实现这种行为?任何小部件或插件的例子?我试过轮播插件和viewPagers小部件,但无法正常工作,请看此gif。这是我开始的示例代码...

回答 1 投票 0

Bootstrap 4轮播和youtube视频

我正在使用带有图像的Bootstrap 4转盘,并嵌入YouTube视频。在播放视频时,我设法暂停了幻灯片,并且在按控制按钮时也停止了视频。虽然当视频...

回答 1 投票 1

如何修复引导轮播错误?

转盘的最后一项显示不正确,并破坏了转盘本身。但是当我注释掉转盘的第三项时,它看起来很不错,没有任何麻烦,...

回答 1 投票 0

列出图片库

初学者的终点,建立一个投资组合网站。想法是将类别设置为可使用鼠标滚轮滚动的轮播,选择时我可以单击一个类别,然后单击垂直滚动的......>

回答 1 投票 0

滑动器:根据幻灯片更改主体的背景颜色

我正在使用Swiper的循环模式制作带有分页和导航功能的幻灯片。我想做的就是根据用户所在的幻灯片更改主体的背景颜色(例如,我在...上)[

回答 1 投票 0

有没有办法在光滑的轮播中同时具有slidesToScroll和swipeToScroll行为?

我有一个宽度可变的轮播,我希望它具有滚动所有显示的块的行为,也希望用户可以滑动到任何位置,但是无论我如何尝试,它们似乎都可以...

回答 1 投票 0

首次加载时CarouselView中未显示图像

方案是,打开带有旋转木马的内容页面,其中显示多个图像。图像被绑定为ImageSource的可观察集合,并且很好,当显示页面时,我可以...

回答 1 投票 0

img如何溢出div

我正在构建带有反应的转盘,并且内容图像是水平对齐的。如果我说3个标签位于宽度为1200px的div中,那么我该如何控制这些图像,而不管它是否是溢出容器...

回答 1 投票 0

Facebook API:提供轮播帖子(多张照片)

[一段时间以来,Facebook提供了一个类似于轮播广告的新轮播帖子(带有链接和许多图片的基本馈送),但是每张图片的链接都指向同一页面,这是一个基本出版物...

回答 1 投票 2

Bootstrap3图像在标题下,重新缩放图像以适合

我正在使用HTML和JS创建一个简单的轮播。我现在主要希望它具有它的外观,但不幸的是存在一些问题:运行代码段:1)我希望标题位于空格中。

回答 1 投票 0

动态显示相同项目的照片,如果只有一张照片,则隐藏转盘

[在React应用中,我显示每张照片的1-5张照片。所有照片都位于Node下的文件夹中,因此我显示照片的方式是使用其url,即http://10.1.1.1:3000/01-0001.JPG因此,我不制作...

回答 1 投票 1

在glider.js上实现自动播放

所以我正在我的网站上使用glider.js(https://nickpiscitelli.github.io/Glider.js/)处理幻灯片,因为我真的想将其保持在最小限度(我知道还有其他滑块在那里,但是...

回答 1 投票 0

JavaScript轮播有效,但不如我所愿

[这是我的JavaScript轮播的代码:var carousel = document.getElementById(“ carosello”);函数myMoveLeft(){carousel.scrollTo(-50,0); }函数myMoveRight(){...

回答 1 投票 0


使用react-native-nnap-snap-carousel时,根据内容大小设置itemHeight(用于垂直轮播吗?

[我正在尝试使用react-native-snap-carousel实现垂直轮播。我要实现的是根据内容的不同轮播高度的垂直轮播。根据...的文档]

回答 1 投票 0

轮播指示器未显示或移动到幻灯片中的下一张图像上

As选择我的指示符以移动到幻灯片的下一部分,单击后不起作用。是否有任何原因为什么不起作用 ] >> [您需要做的是,只需在活动幻灯片的指示器上添加一些颜色,我就使用了您的代码,并在CSS中添加了一行,然后您就可以看到结果。 body {background: #333 !important;} .carousel-indicators { bottom: -50px !important; } .carousel-indicators li.active {background: red;} .carousel-item {color: white; font-size: 80px;} <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.0/js/bootstrap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/2.4.0/umd/popper.min.js"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet"/> <div id="slides" class="carousel slide" data-ride="carousel"> <ul class="carousel-indicators"> <li data-target="#slides" data-slide-to="0" class ="active"></li> <li data-target="#slides" data-slide-to="1"></li> <li data-target="#slides" data-slide-to="2"></li> </ul> <div class="carousel-inner active"> <div class="carousel-item active"> 1 </div> <div class="carousel-item"> 222 </div> <div class="carousel-item"> 3333 </div> </div> <a class="carousel-control-prev" href="#slides" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#slides" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div>

回答 1 投票 0

带循环的旋转木马组件

[美好的一天,在我尝试使用Bootstrap Carousel组件并在Laravel应用程序中循环显示不同帖子时,有人可以提出建议吗?来自其他...的图像...

回答 1 投票 0

Carousel无法使用BootStrap4 4.5版运行

我正在制作旋转木马,但它正在滑动,但是底部的箭头或“下划线”无效。我在没有它们的情况下使用了转盘,但效果很好,我直接从Bootstrap的...复制了此信息。

回答 1 投票 0

bootstrap旋转木马图像一个在另一个下面

我试图将所有特色图像以轮播的形式显示为一种后置类型,但目前所有图像都比另一个图像更像幻灯片,而不是幻灯片。另外,我得到的数字是“ 1。”,“ 2”。和“ 3”。 ......>

回答 2 投票 0

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