-
13 votesanswersviews
猫头鹰旋转木马中的克隆项目
在构建旋转木马时，我意识到猫头鹰添加了克隆的重复项目 . 我的猫头鹰配置看起来像这样 . 我该如何阻止这种情况发生 . owlDfe.owlCarousel({ loop: false, autoWidth:false, nav:false, ... -
0 votesanswersviews
Owl Carousel不在Wordpress中工作
我正在使用猫头鹰旋转木马1，这个问题出现了： 在HTML页面中，没有问题，请看这里:(客户端部分） 链接：http://exibirhost.com.br/supplypaper/front/sobre-nos.html 但是，当我启动WordPress时，发生了这个问题:(客户端部分） http://exibirhost.com.br/supplypaper/sobre-nos/ 如你所见，旋转... -
0 votesanswersviews
猫头鹰旋转木马切割div
我有一点问题 . 我使用OwlCarousel 2制作'testimonial rotator/slider'，但它看起来像是： 但我需要这样的想法 - 图像被切割在顶部： 我把'box'打包在一个div中，但它没有解决它 .这是我的HTML： <div> <div class="testimonial-box"> <div... -
1 votesanswersviews
将猫头鹰旋转木马整合到Wordrpess中
配偶，我无法将Owl Carousel整合到我的Wordpress网站中 . 我的页面上没有看到旋转木马 . 谢谢！ 我的functions.php代码： function templatename_add_owlcarousel() { wp_enqueue_script ( 'jquery' ); wp_enqueue_script( 'owlcarousel', get_template_... -
3 votesanswersviews
owl-carousel无法防止默认
我搜索了解决方案，但找不到 . 猫头鹰 - 轮播保持日志 由于目标被视为被动，因此无法阻止被动事件侦听器内的默认 . 请参阅https://www.chromestatus.com/features/5093566007214080 我正在使用owl-carousel 2.2.0，这是https://github.com/OwlCarousel2/OwlCarousel2 -
1 votesanswersviews
猫头鹰旋转木马没有包装正确的div
我正在尝试使用猫头鹰旋转木马作为自定义WordPress视觉作曲家元素来显示帖子，但它似乎只是将特色图像显示为轮播项目，然后它在旋转木马下方添加了 Span . 任何想法为什么 Span 不包括在猫头鹰旋转木马项目？ // Blog Carousel function blogcarousel_func( $atts ) { ob_start(); extract( shortcode_a... -
0 votesanswersviews
JavaScript：Owl Carousel - 在最后一张幻灯片处停止滑块
我想做的事： 我知道每张幻灯片的尺寸 . 我可以访问整个屏幕尺寸的$（window）.width（） . 我想做什么，使用这个js： https://jsfiddle.net/8mve0hjy/ 一旦到达窗口边缘就停止滑块 . 我知道其他替代方案，例如：Owl Carousel: Run function when last slide is reached 但我想使用我提供的JS，因为它是我正在... -
0 votesanswersviews
div-container中的HTML输入元素太大（owl-carousel和bootstrap星级）
我认为这是一个基本问题 . 我想在我的html文件中布置我的元素 . 我将星级评级整合到我的网站中，但它在"owl-carousel-slider-item"（http://owlgraphic.com/owlcarousel/）内变得非常大 . 如果我将标注放置在猫头鹰项目之外，它将被正确缩放（如下所示） . 我尝试了各种调整大小的参数，但我根本得不到它！ <div i... -
1 votesanswersviews
Owl Carousel在高度不相等时垂直对齐每个项目
我正在开发一个非常简单的Html / Boostrap网站 . 我正在使用owl-carousel库来显示和滑动多个段落 . 问题是，当在小型设备上显示时，这些段落的高度将不同，具体取决于它们的长度 . 我希望我的所有owl-item div或段落在owl-wrapper div中垂直对齐 . 我尝试了几个显示组合，还有猫头鹰旋转木马的 autoHeight: true 选项，但它不能像我一样工作... -
0 votesanswersviews
猫头鹰项目最初为0px
当我尝试将它与网站合并时，我遇到了owl-carousel的问题 . 本质上，owl-wrapper和所有owl-item实例的宽度设置为0 inline，我无法理解为什么 . 如果我手动调整窗口大小，它可以正常工作 . 你可以看到你可以在DOM中搜索owl-slider的here（What Peopel Say区域）并看到这个明显错误的输出： 我尝试了各种各样的东西但似乎无法修复网站 . 任何... -
2 votesanswersviews
卡住猫头鹰旋转木马 - 无法使其工作
我开始构建我的网站（使用Boostrap前端框架的WordPress自定义主题） . 我把里面的文件放在里面，但我仍然没有让它工作 . 一切都是可见的，但我无法滑动它 . 我已检查过文件是否正确加载 . 这些是我在页面上加载的文件--jquery-1.11.0.min.js（来自bootstrap） jquery.min.js（与owl文件夹一起出现） owl.carousel.min.j... -
1 votesanswersviews
Owl Carousel项目没有扩展到全屏，点击过渡
我想 Build 这样的东西：Link from Dribbble 我试图让滑块上的项目扩展到全屏，就像链接上的视频一样 . 我尝试过使用css过渡但是它们在owl carousel滑块内扩展而不是在owl carousel滑块之外 . 这是我正在使用的CSS： .transform { -webkit-transition: all 2s ease; -moz-transition: a... -
0 votesanswersviews
试图改变猫头鹰Carousel导航中使用的字体颜色的字体颜色
我正在使用猫头鹰旋转木马2并使用字体真棒图标更新了prev和next按钮 . 我得到了一切工作，但我似乎无法弄清楚如何更改滚动图标的颜色 . CSS .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{ background-color: $green; } .owl-ca... -
1 votesanswersviews
为什么我在使用owl轮播重新启动块调整大小时会出现错误？
我使用猫头鹰旋转木马2作为滑块 . 响应在窗口调整大小时工作正常，但我需要在更改块容器宽度时调整轮播大小 . （打开侧边栏时容器宽度会发生变化 . ） This is how it looks when sidebar is closed And this when sidebar is opened 我尝试过使用 responsiveBaseElement ： // Initialize ne... -
0 votesanswersviews
猫头鹰旋转木马打破了第一个coursel
我在RefineryCMS项目中使用Owl Carousel . 我在同一页面上有多个Owl Carousel，我通过点击一个类型在这些之间切换 . 然后它显示了许多与该类型相关的书籍 . 它显示所有书籍，但是当我在一个类型之间点击并返回到第一个类型时，第一个轮播然后修改宽度，以便书籍从侧面运行 . 示例：当我加载它是正确的 当我点击应显示相同输出的'All'时，我得到以下 单击“全部”只会隐藏所... -
0 votesanswersviews
防止带有旋转木马滑块的锤子的swiperight事件
我正在使用Hammer.js（v2.0.8）来显示左侧菜单，但我在同一页面中也有一个旋转木马（使用owl carousel v2.3.4） . 当我滑动旋转木马时，菜单也会打开 . 我试试 Hammer.off() 但他不行 . 这是Hammer事件（在所有页面的全局js中）： var hammertime = new Hammer(document.body); hammertime.on('s... -
0 votesanswersviews
jquery modal上的猫头鹰caorusel仅在检查时起作用
这是一个wordpress网站，在产品图片上有猫头鹰旋转木马，但我们想要 Build 一个弹出模式，同时显示轮播 . 在打开模态时，图像以100px宽度和100px移动内联显示，因此如果我将css宽度硬编码为我想要的宽度，那么移动仍然是100px . 没有硬编码， when inspecting the element then the image resizes and works perfec... -
2 votesanswersviews
响应猫头鹰旋转木马和隐藏控件
Owl Carousel可以帮助我吗？我需要每个项目仅在整个屏幕上显示1个图像 . 另外我需要隐藏点控件 . 它应该像 "image background slide". 另外，每张幻灯片上的文字怎么样？我应该将它们插入与 <div class="owl-carousel"> 标签上的图像相同的 <div> 中？ -
0 votesanswersviews
角度5 reInit猫头鹰旋转木马
我可以在哪里运行函数reInit（）ngx-owl-carousel？ 我使用ngx-owl-carousel模块，并使用angular 5， 如果路线改变owl- carousel被制动 <owl-carousel #OwlElement class="col-12 col-xs-6 top-15" [options]="{ ... -
1 votesanswersviews
旋转木马导航每个功能
我有一个页面使用多个轮播（猫头鹰旋转木马），每个都有一个导航，如prev / next . 其中一些没有足够的物品可以考虑作为旋转木马，所以我想禁用这个导航 . 结构看起来： <div class="videos-wrap"> <div class="owlnav owlnav1"><div class="owl-pr... -
2 votesanswersviews
猫头鹰轮播同步项目
我的项目涉及使用 Owl Carousel 创建照片库 . 我正在使用 Owl Carousel Sync 作为主画廊，它有大图像和缩略图，我想要在底部滚动所有画廊的第三个画廊 . 一切都很好 . 但我有一个包含所有缩略图的登录页面 . 当您单击时，我希望相同的缩略图位置与底部的第三个库相同 . 例如，如果用户在转到主库时单击第五个缩略图，则第五个缩略图将突出显示并滚动到开始位置 . 这是我想要实... -
5 votesanswersviews
触发下一页owl carousel 2
我正在使用Owl Carousel 2，我有自定义导航按钮，我打算用于next / prev项目和next / prev页面 . 我正在使用以下内容触发下一项： var slider = $('.owl-carousel'); $('#nextItem').click(function () { slider.trigger('next.owl.carousel'); }); 这工作正... -
0 votesanswersviews
猫头鹰旋转木马与引导标签
我正在使用带引导标签的猫头鹰旋转木马 . 我写了以下代码的字母My Code <ul class="nav nav-tabs mytabs owl-carousel owl-theme"> <li class="nav-item"> ... -
0 votesanswersviews
JQuery owlCarousel插件无法使用Shortcode
我正在使用OwlCarousel进入ShortCode . 在Shortcode中，我将Owlcarousel激活到（welcome_slides）类中 . 旋转木马完美地工作 . 但我想停止自动播放和点 . 所以我改变的值是False . 但Autoplay和Dots仍在工作 . 脚本为什么不起作用？ <?php function bizzon_slide_shortcode($atts... -
0 votesanswersviews
多个猫头鹰轮播导航无法正常工作
在这里，我使用我的猫头鹰旋转木马脚本，它的工作完美 . 我也想复制它并用作第二个 . 所以，我复制了整个轮播div并将导航类名改为next2 . 旋转木马可以正常使用所有选项，但复制的旋转木马的导航不起作用 . 第一个转盘： <script> $(document).ready(function() { var owl = $("#owl-demo&q... -
1 votesanswersviews
同步2个猫头鹰轮播或添加“onchangeprev，onchangenext”等回调
我正在尝试同步2个猫头鹰旋转木马，以便他们同时以相同的方式更换幻灯片 . 旋转木马是循环的 . 我用这个时： $("#slider").on('change.owl.carousel', function(event) { $("#text_slider").trigger('to.owl.carousel', [event.item.index,0... -
1 votesanswersviews
具有动态内容的猫头鹰轮播 - 上一个/下一个导航不起作用
我正在使用jquery owl carousel插件动态地向用户呈现html页面组件 . 如果将Drag触发器设置为false / disabled，则问题是Prev / Next导航和循环无法使用动态添加的内容 . 这是代码： Options var owlcarousel_obj = { loop: true, nav: true... -
0 votesanswersviews
如何在单击导航箭头时停止猫头鹰轮播
我有一个简单的猫头鹰旋转木马，带有自动播放设置和导航箭头，定义如下： var options = { mainBanner: { animateOut: 'fadeOut', autoplay: true, autoplayHoverPause: false, autoplaySpeed: 1200, dots... -
1 votesanswersviews
如何用一个导航滑动2个猫头鹰旋转木马
我正在使用Owl-Carousel 2.3.4版本，我需要使用一个滑块上的导航同时滑动2个轮播的内容，我需要所有类型（上一个/下一个按钮，点，触摸滑动） . 对于Owl-carousel v1.3.3，我在这里找到了一个有效的解决方案：http://jsfiddle.net/m3n2q60d/40/ $(document).ready(function(){ var o2 = $('#c1... -
1 votesanswersviews
制作猫头鹰转盘液体/工作百分比？
我安装了猫头鹰旋转木马，效果很好 . 我对这个插件很满意，但令我困扰的是它不能与视口一起缩放 . 我希望它与我的视口变小的项目一起变小 . 我尝试设置响应："false" . 然后我使用！important为 .owl-item 类添加了自定义百分比宽度 . 它适用于物品，但它们不会缩放，因为滑动阶段或 .owl-wrapper 在PX中 . 我尝试用400％左右的宽度覆盖它，...