草庐IT

promoted-carousel

全部标签

javascript - 如何在 Owl Carousel 元素之间添加空格

我如何在猫头鹰元素之间添加空间。在元素之间添加边距或填充。这需要响应。我可以在jquery中添加一些装订线吗?functionnewsCarousel(){$("#carousel").owlCarousel({items:4,itemsCustom:false,itemsDesktop:[1199,4],itemsDesktopSmall:[980,2],itemsTablet:[768,1],itemsTabletSmall:false,itemsMobile:[479,1],singleItem:false,itemsScaleUp:false,mouseDrag:true,//

html - 如何从 Owl Carousel 中删除指标

我这辈子都无法摆脱它们:dots:false,什么都不做? 最佳答案 由于您使用的是OwlCarousel版本1,请查看theirdocumentation.这也表示可以通过以下方式关闭分页(点):pagination:false,dots:false,用于版本2。参见thisGitHubissue这是在问同样的问题。 关于html-如何从OwlCarousel中删除指标,我们在StackOverflow上找到一个类似的问题: https://stackove

jquery - 如何重新渲染 Owl Carousel 元素?

好吧,我正在使用owl-carousel-2现在插件。我遇到了以下问题:标记代码:$(function(){var$owl=$('.owl-carousel');$owl.owlCarousel();//Doingmanythingshere.$owl.show();});问题是:当我用$owl.owlCarousel();语句初始化时,在隐藏状态下,它的大小没有被初始化。所以当我显示该控件时,该控件显示得一团糟!但是当我调整窗口大小时,它似乎触发了重新渲染。控件渲染内容,然后很好地显示。所以我想知道是否有办法在其上触发此重新渲染(或刷新)方法。为了保证控件不会乱显示。我尝试阅读文档和

jquery - Bootstrap 4 Carousel 一次多帧并逐一滑动

针对bootstrap3的相同需求(thatquestion)提出了另一个问题,但建议的解决方案不适用于Bootstrap4。这篇文章的图片很好地解释了我想要什么。还有更多thisbootply.如何使用Bootstrap4实现这一目标? 最佳答案 $('#carousel-example-generic').on('slid.bs.carousel',function(){$(".carousel-item.active:nth-child("+($(".carousel-inner.carousel-item").length-

html - 如何将 Content DIV 放在 bootstrap carousel 上并使其响应?

我想在大屏幕和桌面屏幕的Bootstrap轮播中放置一个内容DIV。请参阅下图以了解您的理解。在手机和标签页中应该是这样的——我不确定如何使用bootstrap3创建此布局。希望有人可以帮助我。这是我当前的标记:ProvidingyoutheBestCleaningCompaniesinBahrainwith10%Discount.Exampleheadline.Crasjustoodio,dapibusacfacilisisin,egestasegetquam.Donecidelitnonmiportagravidaategetmetus.Nullamiddoloridnibhult

html - Bootstrap Multiple Items Carousel(一次显示多个轮播元素)

这个问题在这里已经有了答案:Bootstrapcarouselmultipleframesatonce(16个答案)关闭去年。如何在Bootstrap4中实现多元素轮播?文档提到了多个轮播,但没有提到包含多个元素的轮播。

javascript - 如何重新初始化 Owl Carousel 2.0?

我知道在OwlCarousel的第一个版本中我们是这样做的:var$carousel=$('#carousel');varowl=$carousel.data('owlCarousel');owl.reinit({touchDrag:false,mouseDrag:false;});好的,但是我们在第二个版本中是怎么做的,我不知道他们是如何重命名的。 最佳答案 由于某些原因$('#your_carousel').trigger('destroy.owl.carousel')无法正常工作。它不会删除再次重新初始化插件所需的所有类。您需

html - 如何使 Owl Carousel 中的图像居中

MyOwlCarousel包含不同宽度和高度的图片。如何在中间对齐它们-水平和垂直?$("#owl-example").owlCarousel({navigation:true}); 最佳答案 使用owlcarouselversion2.1.1和CSS3Flexbox,只需添加样式:.owl-carousel.owl-stage{display:flex;align-items:center;}查看代码片段:$(document).ready(function(){$('.owl-carousel').owlCarousel({au

javascript - Owl Carousel 不会自动播放

我在我的网站上使用OwlCarousel。根据他们的文档,这段JavaScript应该可以工作:$("#intro").owlCarousel({//Mostimportantowlfeatures//AutoplayautoPlay:5000,stopOnHover:false)}但由于某种原因它不会自动播放。这是slider的HTML:TitleTextSubtitletexthere.Ifyoulikeyoucanevenaddasentenceortwohere.TitleTextSubtitletexthere.Ifyoulikeyoucanevenaddasentenceo

html - 使 Bootstrap 的 Carousel 既居中又响应?

我希望我的轮播图片位于中心(水平),这不是默认设置。我遵循thistopic的解决方案.但是,使用此解决方案时,当旋转木马调整大小并小于图像时,图像将被裁剪而不是默认缩放。我怎样才能既让我的图片居中,又让它拉伸(stretch)到轮播元素? 最佳答案 现在(在Bootstrap3+上)很简单:.carousel-innerimg{margin:auto;} 关于html-使Bootstrap的Carousel既居中又响应?,我们在StackOverflow上找到一个类似的问题: