carousel相关内容

Xamarin形式:如何更改Collectionview SelectedItem的文本颜色?

我有一个 CarouselPage ,其中有5个孩子,每个孩子都有一个水平集合视图.在Collectionview中选择一个项目或在页面上滑动时,我需要使用不同的文本颜色,并且需要为所选项目添加下划线.我尝试过如下所示: CarouselHomePage.cs 公共局部类CarouselHomePage:CarouselPage{公共列表activityList {get;放;}公 ..
发布时间:2021-04-21 19:26:37 其他开发

香草javascript&CSS图像滑块无法正常工作

我使用一些javascript和CSS创建了一个包含许多图像的图像滑块.我只是使用客户端宽度来获取图像的大小(略有变化),并使用计数器变量计算了transformX的距离.最后添加了一个CSS过渡.但是我似乎无法使滑块正确地转换整个图像.我不知道为什么会出错.我在计算中使用了"vw"来表示响应速度.我是javascript的新手,并且很乐意为代码的其他部分提供关于其他部分的任何提示. 这是J ..
发布时间:2021-04-21 19:26:34 前端开发

轮播会导致屏幕在幻灯片更改时移至页面顶部

Github上的最小可复制示例(图像未在此MRE中显示,但这没关系,也没有关系,因为我想知道的问题与此无关) 问题:每次幻灯片索引更改时,屏幕都会滚动到页面顶部.它会自动发生. 这种情况发生在 将幻灯片编号增加1 将幻灯片编号从3-> 1或从2-> 0递减时 但是什么时候不会发生 将幻灯片编号从幻灯片2递增到幻灯片3(编号为0-3的幻灯片). 将幻灯片编号减少1. ..
发布时间:2021-04-21 19:26:27 前端开发

动画以下轮播实现的最低限度步骤是什么?

我正在制作香草js 旋转木马.我已经使用js以及html和css布局了基本的上一个和下一个功能. 现在,我尝试使用css动画(关键帧)来制作左右 slide-in/slide-out 动画,但是代码对我来说却很混乱.因此,我想问的是,在此实现中,要获得相同的动画效果,需要进行哪些最小的更改? 您会选择纯基于JS的还是纯CSS的还是混合的呢? 我的目标是以最少的代码获得合适的动画. ..
发布时间:2021-04-21 19:26:23 前端开发

HTML5<视频>幻灯片播放后重置视频

我使用Bootstrap中的轮播滑块.但是,当我将图像和视频放入其中时,当我循环播放视频时,它们将不会停止循环播放.但是我希望它们停止并重置,以便当它回到幻灯片时,视频从头开始,而不是在视频中间.我也想知道是否可以不设置间隔而是在播放下一张幻灯片之前播放视频直到最后. JS $(“#myCarousel").carousel({间隔:4500}); PHP ..
发布时间:2021-04-21 19:26:20 PHP

如何在materialize.css中增加轮播的大小?

我正在尝试在materialize.css中增加轮播的大小,但无法获取.我尝试设置高度,但是没有用.我用谷歌搜索,但找不到任何解决方案.有人可以帮我吗? 解决方案 .carousel .carousel-item {width:300px!important;} 这可能会有所帮助,将这段代码放在您的CSS中,并根据您的需要更改宽度. ..
发布时间:2021-04-21 19:26:11 前端开发

Bootstrap Carousel:更改滑块下的部分

因此,我有一个典型的Bootstrap Carousel,带有三或四个幻灯片,而我遇到的问题是,每当出现新的幻灯片时,我都希望更改滑块下的部分.我尝试过也许隐藏该部分并使用“折叠"显示适当的部分,如下所示: ...下一张幻灯片是"foo2",然后是"foo3",等等...问题是,这似乎不适用于多张幻灯片. 理想情况下,我希望底部逐渐淡出,然后使用对应于幻灯片ID的div ID逐渐淡入. ..
发布时间:2021-04-21 19:26:08 其他开发

如何在Slick.js中使用鼠标滚动而不是拖动?

用slick.js实现滚动的最佳方法是什么,以便用鼠标滚动时切换到下一张幻灯片?还是有我缺少的设置? 这里是我指的,以防万一. http://kenwheeler.github.io/slick/ 解决方案 您可以使用 .container {保证金:0自动;内边距:40px;宽度:80%;颜色:#333;背景:#419be0;}.slick-slide {文本对齐:居中;颜色: ..
发布时间:2021-04-21 19:26:03 前端开发

Bootstrap Carousel弹跳,无法使用HTML和CSS对其进行编辑-包含O/P gif

错误的输出: 如果您敏锐地看到轮播从杏仁2移到杏仁3时发生了这种小的跳跃,则我尝试以所有方式将其删除,但无法删除.为了显示输出,我附加了pencode链接.您可以在此处 https://codepen.io/gladwin-james/pen/oNYWJxL ,并且还上传了上述GIF以便明确说明.我也分享了在Pencode中共享的相同代码 HTML ..
发布时间:2021-04-16 18:40:33 前端开发

多个引导轮播,单页,动态ID(通过ngFor)-如何添加上一个/下一个按钮

我正在设计一个模拟汽车销售网站.我有一个ngFor循环来创建我的卡片,其中显示了轮播和有关每辆汽车的数据. 我目前面临的问题是每个轮播prev/next按钮将仅控制由于第一个ID对应的href而生成的第一个轮播. 我不确定如何将动态生成的轮播ID传递到href中以浏览幻灯片 对于我要去哪里的错误或可以进一步了解我的地方的链接,我将不胜感激. 我尝试过: 将{{Car. ..
发布时间:2021-04-16 18:40:18 其他开发

如何在Flutter中将图像从API设置为Carousel

我想在Flutter应用程序中使用横幅滑动器,所以我找到了一个制作它的库,即 Carousel .这是一个很好的库,但是我发现该库有一个问题,如何将API中的图像设置到Carousel中?或具有从API(列表)中获取支持图像的任何库,具有点指示符,像轮播一样自动播放? 解决方案 使用Carousel软件包-:carousel_slider:^ 1.3.0 CarouselSlider( ..
发布时间:2021-04-08 20:42:38 其他开发

如何在同一页面上显示两个幻灯片?

我以幻灯片演示为例,效果很好.每个幻灯片之间都有共享的类,这意味着当一个幻灯片仅完成时,下一个幻灯片才能开始,我需要它们能够彼此独立地工作,需要更改类. 这里只有一张幻灯片 var slideIndex = 1;showSlides(slideIndex);函数plusSlides(n){showSlides(slideIndex + = n);}函数currentSlide(n){ ..
发布时间:2021-04-07 20:06:20 前端开发