owl-carousel 相关问题

Owl Carousel是一款支持触控的jQuery插件,可让您创建漂亮的响应式旋转木马滑块。

在OwlCarousel中,使用animate.css在OwlCarousel中的下一个和上一个按钮上添加动画

这是我的html代码,我的问题是我想通过单击轮播的下一个和上一个按钮来动画我的幻灯片,但是下一个和上一个动画都会改变 ] >> < [ 每次单击下一个或上一个按钮时,您都会重新初始化轮播,而不必这样做。全局初始化滑块,然后在单击处理程序中使用owl变量触发动画。 var owl = $('.reviews-testimonial'); owl.owlCarousel(); $('.next-review-btn').click(function() { // slider animation owl.trigger('next.owl.carousel'); }); $('.prev-review-btn').click(function() { // slider animation owl.trigger('prev.owl.carousel'); });

回答 1 投票 0

当我减小猫头鹰的回旋宽度,然后在导航前后显示空白区域。请帮助我

[我的代码在这里-当我减小猫头鹰的旋转木马宽度,然后在导航之前和之后显示空白项目$(document).ready(function(){$('。slider-wrap')。owlCarousel({center:true, ...

回答 1 投票 -1

根据内容最多的一张重新调整所有卡片的高度

我正在使用猫头鹰传送带来显示不同的卡片项目。在这里,我面临着每张卡的高度问题。如我们所见,卡的高度取决于里面的内容。我想显示所有...

回答 2 投票 0

如何在猫头鹰传送带2中从左到右启动进度栏动画

我正在将Owl carosual2与进度条一起使用。我问这个问题如何为Owl Carousel 2创建进度条?并且接受的答案正在起作用。我的代码在这里。现在我在做什么,...

回答 1 投票 -2

Owl-Carousel中的最后一个项目边框不 起作用

[我在Bootstrap中使用[Owl Carousel] [1]。但最后一个项目的边框在Owl-Carousel中不起作用。我想在项目悬停时添加边框。但最后一项不显示右边框。示例1:当猫头鹰...

回答 5 投票 2

在Vue.js中调用AJAX之后重新加载轮播

我的页面中有一个轮播组件,通过AJAX调用将数据加载到服务器中。这部分还可以,但是当轮播项目附加到轮播时,它会被击毁。因此,我需要重新渲染轮播...

回答 1 投票 1

TypeError:无法读取react js中未定义的属性'fn'

我已经安装了猫头鹰传送带(npm install react-owl-carousel2)。在运行代码时,它显示以下错误。 TypeError:无法读取未定义eval的属性'fn'。/./src / owl ....

回答 1 投票 0

如何在React js中响应猫头鹰传送带

我只想在移动视图中显示一项。但它显示了我在桌面视图中显示的4个项目,请帮帮我。这是我的代码:-

回答 1 投票 0

如何在不使用Owl Carousel 2组件的情况下以反应方式实现Owl Carousel?

当我使用Owl Carousel 2组件时需要更新,如何在React中实现Owl Carousel 2:react-dom.development.js:12357警告:componentWillReceiveProps已重命名,并且不是...]] >> < [

回答 1 投票 0

Google评论滑块无法与猫头鹰轮播一起使用

我正在尝试使用Google API和owl carousel使google reviews滑动条,问题是google reviews最后(在页面完全加载后)追加数据,owl carousel功能为...

回答 1 投票 0

如何将猫头鹰转盘连接到wordpress?

我将猫头鹰轮播滑块集成到wordpress主题中。我在function.php中集成了脚本wp_enqueue_script('navigation',get_template_directory_uri()。'/assets/jquery/dist/jquery-3.4.1.min.js'...

回答 1 投票 0

猫头鹰轮播无法在angularjs局部视图中工作

我是AngularJ的单页应用程序的新手。我的Index.html是这样的:

回答 3 投票 0

具有数据属性的Owl-Carousel不起作用

我需要有关Owl-Carousel的data属性的帮助。如您在我的示例中所见,在幻灯片1和3上,每个项目都有VALUE属性。但是在幻灯片2上,VALUE为空。我的目标是设置颜色...

回答 1 投票 0

Owl Carousel在手机上显示多个项目

我正在开发一个站点并显示一些推荐,我正在使用猫头鹰传送带来显示它们。现在,在台式机上,一切看起来都很好,而且完美无缺。但是,在移动设备上,而不是一个...

回答 1 投票 0

具有数据属性的Owl-Carousel在加载时不起作用

我需要有关Owl-Carousel的data属性的帮助。如您在我的样本中所见,在幻灯片1和3上,每个项目都有属性。正在工作的唯一事件是触发但在幻灯片1的负载上不工作(...

回答 1 投票 0

如何快速设置猫头鹰传送带的宽度?

是否有一种方法来指定.owlCarousel({根据.right的宽度?我通过jQuery UI Resizable实现了.left的可变宽度。所以我想更改滑动数...

回答 1 投票 0

猫头鹰圆盘导航在html的同一行中

我有一个现成的猫头鹰旋转木马滑块,图像会在其中自动滑动,并且顶部有一个导航,现在我添加了两个相同的滑块。但是问题是导航...

回答 1 投票 0

Owl Carousel and Elementor Page Builder全宽问题

[当我使用猫头鹰轮播创建elementor的自定义小部件时。当我以全宽度使用它之后。然后创建左站点。不在中间。

回答 1 投票 0

TypeError:当我尝试使用OwlCarousel时无法读取未定义的属性'fn'

TypeError:无法读取未定义的属性'fn'(匿名函数)D:/Projects/projectname/node_modules/react-owl-carousel/umd/OwlCarousel.js:1758 1758 | $ .fn.owlCarousel = function(option){var ...

回答 1 投票 -1

在轮播中获得适当大小的品牌徽标

我正在尝试在自己的轮播中自动调整我正在设计的公司网站的不同品牌徽标的大小。想法是使每个徽标具有合理的尺寸。大多数...

回答 1 投票 -1

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