我目前正在使用OwlCarousel，想知道是否有一种方法可以调整图片大小，使每张图片的高度保持一致。我正在使用这个插件来展示我的照片，我有横向和纵向两种尺寸。我尝试在JS中使用autoWidth，但它使我的肖像图像太大而我的风景图像太短，如何让所有图像都具有设定的高度？我尝试调整CSS，但横向图像似乎在下一张图像的后面并且没有显示全宽。看起来有一个设定的宽度，当我调整宽度时，图像只是被拉伸(stretch)了。我在轮播中有19个元素。还尝试在JS的响应部分调整元素，当我将其调整为两个元素时，横向图像的比例正确，但纵向图像最终被拉伸(stretch)。关于如何修复的任何想法？这是我使用

我正在使用OwlCarouselv1.3.2在我的代码库中。这是一个很棒的轮播插件，具有完全响应式的UI。但最近我们收到一项要求，我们希望slider内容应该垂直向上/向下移动。我检查了文档和插件代码，但没有找到任何配置设置。我搜索了SO并遇到了以下问题Howtouseowlcarouselvertically?但即使那样也不能解决我的问题。有没有人编写任何自定义代码来实现此功能？我不可能只为这个垂直滑动动画添加另一个轮播库。 最佳答案 这是一种解决方法。在.owl-carousel或容器类上使用transform:rotate(9

所以我目前正在研究http://coin.codeclimb.com由于某种原因，主页上的OwlCarouselslider在iPhonesafari上不起作用。当我在iPhone上滑动时，它会滑动整个页面上的所有内容并破坏内容。我无法在桌面上复制问题。因此我无法使用开发工具来识别问题。就好像只有2张幻灯片时有15张幻灯片一样，它只是让你滑动，你滑动得越多，它就会将整个页面上的所有内容推得越远，包括导航。有什么想法吗？我在iPhone7Plus上使用Safari。 最佳答案 这里有几个问题:overflow-x:hidden不适用于

是否有关于多个幻灯片元素的动画的功能？我已经在单张幻灯片上试过了，但没有在多元素幻灯片上工作。您可以使用JSFiddle或下面的代码进行调试。$('.loop-test').owlCarousel({center:true,items:2,loop:true,margin:10,animateOut:'slideOutDown',animateIn:'flipInX',dots:true});YourContentYourContentYourContentYourContentYourContentYourContentYourContent任何指点将不胜感激!谢谢。

我有三个响应式元素(imgs)，但每次加载Owl-Carousel时，owl-wrapper的宽度都是所有图像大小的两倍。例如;如果图像全尺寸需要1583像素，owl-wrapper需要1583*3*2=9498像素，并且所有网站都采用这个宽度，而不是全尺寸(1583像素)。问题:http://nacionalempreendimen.web2144.uni5.netHTMLCSS#promoted-carousel.itemimg{display:block;width:100%;height:auto;}JS$('#promoted-carousel').owlCarousel({

我遇到了OWLCAROUSEL2的奇怪问题。我正在为12个表创建简单的轮播，但是当使用选项“autoWidth”时，最后一个表从轮播堆栈中拉出。DEMO如果你打开fiddle，一年中的每个月都有轮播。在carousel的最后，没有December，但是如果你查看源码，你会发现December是有的。出于某种原因，OWL轮播插件将退出12月。有什么想法吗？提前，非常感谢! 最佳答案 在CSS中为.owl-stage类添加displayflex并为较小的设备添加jS函数。CSS.owl-stage{display:flex}JS$('.

我使用owlcarousel2来制作轮播内容。JS:$('#owl-demo').owlCarousel({loop:true,margin:10,nav:true,items:1,});HTML:1问题:当我有一个内容(使用PHP的动态内容)时loop:true和items:1不起作用，我看到空白但是如果我添加两个内容Owl工作正常!!编辑:我的内容是动态的(1-....)。当我的结果是一只内容猫头鹰有问题时。问题DEMO工作DEMO如何解决这个问题？ 最佳答案 我向Owl开发组报告了这个错误并修复了这个问题here.在Commi

我如何在猫头鹰元素之间添加空间。在元素之间添加边距或填充。这需要响应。我可以在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,//

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

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