当前位置: 首页 > 知识库问答 >
问题:

Owl轮播自动播放和分页问题

逄宁
2023-03-14

问题轮播:https://codepen.io/ben456789/pen/jxvrxj

我正在构建这个相当自定义的自动播放和循环Owl旋转木马,我遇到了一些问题,我在这里没有找到一个解决方案。

当轮播循环回到“tab 1”时,active类被放置在正确的div上,但是定位幻灯片的内联样式没有更新,因此幻灯片显示在屏幕之外。我在初始化时设置的选项有问题吗?我相信,当我单击选项卡转到特定的幻灯片时,我也有同样的问题。如有任何帮助,我们将不胜感激!

注意:我已经删除了大量的HTML、SCSS和脚本,我认为这些只是为了这个问题的目的会造成不必要的膨胀。所以如果那里有你喜欢的东西‘为什么在那里??!?!’只是假设是其他东西的一部分,即视频,幻灯片过渡动画等。

如果你想在旋转木马进行之前增加时间,也只是为了方便。第67行的js增加从10到任何你喜欢!

我尝试过更新jQuery和Owl Carousel的版本,但结果是no,fix。

jquery版本:1.9.1Owl版本:2.3.4

共有1个答案

林彬
2023-03-14

我发现在我的案例中出现了很多关于动画输出的问题&在wol旋转木马的选项中,所以我用一个备用的修改了它,它已经解决了我的问题!感谢其他5个人,他们至少看到了这个问题,但不幸的是不能提供任何帮助,你的良好意图是清楚的。

 类似资料:
  • 本文向大家介绍js实现自动播放匀速轮播图,包括了js实现自动播放匀速轮播图的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了js实现自动播放匀速轮播图的具体代码,供大家参考,具体内容如下 函数封装: ( 匀速运动函数) 对象可以动态生成属性,用对象的timer,避免了全局变量的使用, 实现步骤:  1.动态生成ol导航条,并将导航条放入all中使其成为孩子节点  2.根据ul中图片数量

  • 我的项目涉及使用创建一个照片库。我使用作为主图库,它有大图像和缩略图,我想要在底部的第三个图库滚动所有图库。这一切都很奏效。 但我有一个所有缩略图的登陆页。当你点击,我想要相同的缩略图位置是相同的第三个图库在底部。例如,如果用户在进入主图库时单击第五个缩略图,则第五个缩略图将突出显示并滚动到起始位置。 这是我想要实现的一个很好的例子 http://www.radyrahban.com/galler

  • 我正在玩一个boostrap主题是使用猫头鹰旋转木马。 这是我使用的主题 https://demo.themewagon.com/preview/free-html5-bootstrap-4-travel-agency-website-template-ecoland 正如您在链接中所看到的,猫头鹰旋转木马用于两个地方 用于页面顶部的英雄幻灯片 用于证明。 我想减慢滑梯的速度,让它们在悬停状态下停

  • 我正在尝试设置一个具有声音的媒体播放器,可以根据需要多次播放和重播。但我在第一次播放音频时出现了以下错误: 我调用该剧的代码是: playSong()函数是: 我的声音位于res/raw/a.mp3中 当我按下BTN播放按钮时,我会显示BTN停止按钮,但没有播放任何内容。 我希望让用户玩、停、玩等等。我怎样才能做到这一点? LogCat:

  • 一个幻灯片组件,用来循环显示图片元素,或者滚动的文字,就像轮播一样。嵌套的轮播是不受支持的。 <div class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#carousel-example-generic" data-slide-to="0"

  • 目前正在开发一个网站,该网站将spotify播放列表及其URI嵌入如下:“https://embedd.spotify.com/?URI=spotify:playlist:4HyauylCBHW9se152noiy0”我想知道是否有一个自动播放参数允许播放列表在加载网页时自动播放? 最后,如果Spotify Web API不允许自动播放播放列表,其他人知道允许自动播放的平台吗?这篇文章提到了Sou