OWL Carousel 2-带点的多项幻灯片
OWL Carousel 2是一个基于jQuery的响应式多项幻灯片插件。它提供了一个简单易用的界面，可以创建漂亮的幻灯片展示，并支持多种定制选项。
OWL Carousel 2的主要特点包括：
- 响应式设计：可以根据不同设备的屏幕尺寸自动调整幻灯片的布局和大小。
- 多项幻灯片：支持同时显示多个幻灯片，可以通过设置选项来控制每次滚动的幻灯片数量。
- 自动播放：可以设置自动播放幻灯片，并可以自定义播放间隔时间。
- 触摸滑动：支持通过触摸手势在移动设备上进行滑动切换幻灯片。
- 自定义动画：提供多种动画效果供选择，可以通过设置选项来自定义动画类型和速度。
- 导航控制：支持添加导航按钮和分页器，方便用户进行幻灯片的切换。
- 回调函数：提供了多个回调函数，可以在特定事件发生时执行自定义的操作。
OWL Carousel 2适用于各种网站和应用场景，如企业展示、产品展示、图片集展示等。它可以提升用户体验，增加网站的互动性和吸引力。
腾讯云提供了丰富的云计算产品和服务，其中与OWL Carousel 2相关的产品是腾讯云对象存储（COS）。腾讯云对象存储是一种高可靠、低成本、可扩展的云存储服务，适用于存储和管理各种类型的数据，包括图片、视频等。您可以将OWL Carousel 2所需的图片和其他资源上传到腾讯云对象存储中，并通过生成的链接地址在网页中引用。
腾讯云对象存储产品介绍链接地址：https://cloud.tencent.com/product/cos
相关·内容
2回答
我是非常新的JQuery编程新手。
我想要做的是防止在到达最后一张幻灯片时显示下一张幻灯片(它将成为幻灯片的第一张幻灯片)(就像在这个旋转木马中：)。我所做的唯一一件事就是防止在第一张/最后一张幻灯片中显示上一个/下一个按钮(在我的JQuery中是“.owl-prev/.owl-next”)，添加一个css类。当最后一张幻灯片到达时，我试图隐藏下一张幻灯片，但不起作用。有人能帮我吗？
遵循JQuery实际工作隐藏按钮，css类隐藏按钮和html carousel：
$(document).ready(function() {
$(".owl-carousel").on(&
浏览 0提问于2018-05-30得票数 0
1回答
我想要能够移动猫头鹰旋转木马+ /- 5幻灯片取决于当前的幻灯片是什么。请看下面的演示，您可以看到我通过使用carousel.trigger('owl.goTo', 5)然后carousel.trigger('owl.goTo', 1)返回来完成这个任务。但一旦我上了5，我想再去+5幻灯片，同样的背。它目前只停留在幻灯片上。
这是我的Javascript
$(document).ready(function () {
var carousel = $("#owl-demo");
carousel.owlCarousel({
slideS
浏览 1提问于2015-12-30得票数 0
回答已采纳
7回答
我想知道有没有人能帮上忙。我正在使用CMS的旋转木马，并希望客户有时只有一个幻灯片的能力，如果他们希望这样做。然而，如果只有一张幻灯片，淡入淡出过渡仍然会发生，所以它基本上会过渡到自己。当只有一张幻灯片时，有没有办法停止旋转木马的过渡？令我惊讶的是，这不是一个内置的函数，就像我使用过的其他轮播一样。
<div id="owl-demo" class="owl-carousel">
<div class="item">
<h2><umbraco:Item field="bigMess
浏览 0提问于2013-11-17得票数 7
owlCarousel的默认行为运行良好，单击右侧的下一张幻灯片，然后单击上一张幻灯片将幻灯片滑动到左侧。
但是在使用动画之后，两者总是朝着相同的方向。
这里有一个快速的jsfiddle来显示这个问题：
所以在小提琴中，滑块应该在下一步和下一步在Prev上上升，但它总是在上升。我尝试了Animate.css的所有动画选项。
我也尝试过使用JQuery和owl carousel触发器在单击next或prev时覆盖动画，但效果不佳。
$(".news-slider .owl-nav .owl-next").click(function(e){
var carousel
浏览 6提问于2019-09-03得票数 1
1回答
我正在开发一个使用owl carousel 2的web应用程序。我的问题是，当我在幻灯片上垂直滚动时，假设这会导致幻灯片更改为幻灯片3或幻灯片1。我的旋转木马拖动太敏感，导致不必要的幻灯片更改。
提前感谢，如果你能帮上忙，我将非常感谢。
下面是我的owl carousel选项
// carousel setup
$(".owl-carousel").owlCarousel
({
responsive: true,
lazyLoad:true,
sc
浏览 1提问于2015-03-16得票数 7
我有两张幻灯片。我使用的是OWL 1，它工作得很好。我喜欢无限循环，所以移动到OWL 2。
下面的代码运行得很好。幻灯片保持同步，但自动播放永远不会开始。我必须拖动幻灯片或显示导航，然后单击next/prev。
希望答案对更有经验的人来说是显而易见的。
$(document).ready(function() {
var carousel_1 = $('#the_carousel'),
carousel_2 = $('#the_carousel_content');
carousel_2.on('change.owl.carousel', f
浏览 2提问于2014-12-12得票数 3
1回答
我使用owl carousel作为一个页面站点，每个页面的内容都在一个全屏的carousel幻灯片上。我希望能够跟踪每张幻灯片作为一个虚拟PageView与谷歌分析-但我不能解决它。下面是我的上一个和下一个按钮的代码-但问题是用户也可以在触摸设备上“滑动”-所以我需要能够跟踪这两个按钮-我从哪里开始！？
var owl = $('.owl-carousel');
owl.owlCarousel();
$(".next").click(function(){
owl.trigger('next.owl.carousel');
})
$("
浏览 6提问于2014-06-24得票数 1
当我点击我的数据点导航中的点时，幻灯片似乎重置为第一张幻灯片。但是，如果我单击fa-circle上的像素或文本，它会转到相应的幻灯片。我试着观察事件的触发，但我似乎找不到是什么导致的。
我没有运行任何特别困难的东西，并且一直在尝试和不使用这段代码：
我使用以下命令调用slide元素：
<div class="item" data-dot ="<span><i class='fa fa-circle'></i></span><span><?php _e( $i['descri
浏览 3提问于2017-06-16得票数 1
回答已采纳
我已经在我的网站上实现了owl carousel。旋转木马幻灯片与导航菜单相关。这意味着当我单击其中一个菜单时，旋转木马将显示该特定幻灯片。我在to.owl.carousel上试过了，但对我不起作用。我试过了-
$('#award').click(function(){
$('#home').trigger('to.owl.carousel', 2)
});
其中award是菜单id和home crousel id。2是幻灯片的位置。
我的网站是
如何触发此操作？
浏览 22提问于2016-07-20得票数 0
回答已采纳
我正在使用Owl Carousel 2.0.0-beta.2.4，在一张幻灯片中我有一个HTML5视频。我想要做的是，当我改变幻灯片时，我希望视频暂停或停止，如果暂停是不可能的。可以通过拖动、触摸、下一步和上一步按钮以及键盘箭头来更改幻灯片。
我的脚本现在看起来像这样：
$('.owl-carousel').owlCarousel({
items: 1,
animateOut: 'fadeOut',
animateIn: 'fadeIn',
URLhashListener: true,
startPosit
浏览 0提问于2015-02-07得票数 1
回答已采纳
我正在创建一个自定义日历滑块使用猫头鹰旋转木马。它一次将显示7天(因此7张幻灯片处于活动状态)。当我点击分页点时，幻灯片由7张幻灯片移动。然而，当使用自定义Prev-Next按钮时，它一次只能移动一张幻灯片.
我的自定义按钮正在调用以下内容：
$('.calNextButton').click(function() {
$('.owl-carousel').trigger('next.owl.carousel');
});
$('.calPrevButton').click(function() {
$('
浏览 0提问于2017-05-03得票数 1
回答已采纳
3回答
用于jquery幻灯片显示的owl.carousel.js插件，第一次正确运行时，当我在火狐或chrome中打开一个新的选项卡时，我发现自动播放幻灯片不起作用。
演示：演示：
$(document).ready(function () {
var owl = $('.owl-carousel');
owl.owlCarousel({
items: 5,
loop:true,
margin: 10,
autoplay: true,
stopOnHover : false,
autop
浏览 3提问于2017-08-29得票数 0
回答已采纳
2回答
我们可以使用下面的代码让幻灯片在Owl carousel中从右向左移动：
$('.owl-carousel').owlCarousel({
rtl:true,
loop:true,
margin:10,
nav:true,
});
有没有办法让幻灯片从下到上呢？
浏览 3提问于2016-04-16得票数 0
3回答
我在菜单上用猫头鹰旋转木马。当我滚动到div时，猫头鹰旋转木马自动滑到右边的幻灯片。现在，当我到达特定的div时，我将类添加到幻灯片( active )中，但由于某种原因，我无法从其他幻灯片(他的兄弟姐妹)中删除active类。
我想最好是检查一下琴弦来了解问题.
<div class="body">
<div class="menu">
<ul class="owl-carousel owl-theme">
<a href="#a" data-num="0
浏览 0提问于2018-07-20得票数 0
回答已采纳
我对混合了Jquery UI的Owl carousel有一些问题。
Carousel用于显示包含各种内容(Html表单和图像上传程序)的幻灯片。
其中一张幻灯片包含uploader，它可以动态上传用户图像，并显示此图像的缩略图。
其中一个问题是，这个内容是动态的，上传后，幻灯片不会改变高度，所以用户看不到这个缩略图。
但我使用以下命令完成此操作：
setInterval(function(){
$(".owl-carousel").each(function(){
$(this).data('owl
浏览 4提问于2016-01-28得票数 1
1回答
我使用的是来自相反方向的owl carousel rtl幻灯片，此外，我还添加了nav来显示owl-next、owl-prev箭头。我注意到owl- next，owl-prev箭头有一个问题，例如，如果单击owl-next，它会显示上一张幻灯片，与owl-prev相同，当我单击它时，它会显示下一张幻灯片。有什么解决方案吗？ $('.owl-carousel').owlCarousel({
animateOut: 'fadeOut',
items:1,
loop:true,
autoplay:true,
浏览 32提问于2021-01-18得票数 0
1回答
我必须使用ng-repeat创建owl滑块来制作幻灯片。当我使用dropdown过滤数据时，幻灯片中的值被更新，但滑块不工作并破坏了UI.I。我已经为这个问题创建了一个代码。
<div ng-app="plunker" ng-controller="MainCtrl">
<div class="container">
<div class="row">
<div class="col-md-12">
浏览 0提问于2016-03-16得票数 2
根据Owl Carousel文档，您可以使用to.owl.carousel导航到特定的幻灯片。
我有一个在页面顶部运行的缩略图carousel，我已经向当前页面的项目添加了一个类(类称为thisPatient)。
我想使用中心转盘，这样具有thisPatient类的转盘项就集中在页面加载上。如何做到这一点？
我注意到，to.owl.carousel需要幻灯片的ID才能导航到该幻灯片，但我需要转换此ID以获得应用了特定类的幻灯片的ID。
在development.bellavou.co.uk/patient-stories/allison上可以看到这样的例子
这是我目前所拥有的：
$("
浏览 16提问于2017-02-22得票数 1
回答已采纳
我使用owl carousel - jquery。当图像改变时，我想实现滑动文本的效果，某种运动或效果，比如改变不透明度。我如何使用owl carousel来做这件事？我想使用事件。每次幻灯片都会改变事件触发器，但是我如何抓取当前在视图中的确切元素，并仅更改该元素的样式，并从其他元素中删除样式？谢谢
constructor(){
this.owl = $('.owl-carousel');
this.owlTxt = $('.container__slider-txt');
this.events();
}
events(){
浏览 30提问于2019-10-22得票数 0
Owl carousel将幻灯片呈现为div元素，即使我将它放在一个无序列表元素中。如何让它呈现列表项？ 我的HTML： <ul class="item-grid owl-carousel">
@foreach (var item in Model)
{
<li class="item-box">
@Html.Partial("_Box", item)
</li>
}
</ul> 结果： <ul class="i
浏览 10提问于2020-12-01得票数 2
回答已采纳
1回答
当我鼠标悬停在.产品滑块li.product上时，图像滑块开始自动启动，鼠标离开，然后自动播放停止。这是很好的工作，但效果在滑块product-slider和产品图像滑块。
我们只需要影响自动播放，自动播放停止和前进的幻灯片在产品-图像滑块时，摩丝悬停在单一产品幻灯片。
我们正在使用owl carousal版本2.1.6
HTML代码
`<ul class="product-lists product-slider owl-carousel">
<li class="product">
<ul class=
浏览 8提问于2016-07-19得票数 0
回答已采纳
我对owl carousel的动态变化有一些问题，比如幻灯片的数量等--换句话说，在一些变化之后，carousel很容易中断。 我的方法是重新加载/刷新旋转木马--但是如何呢？ 我在网上发现，你必须按类刷新它： $owl.trigger('refresh.owl.carousel'); 但是如何将其转换为Angular/Typescipt呢？
浏览 20提问于2019-09-22得票数 2
2回答
-当旋转木马移动时，上一张幻灯片和下一张幻灯片是可见的。
$(".owl-carousel").owlCarousel({
loop: true,
autoplay: true,
items: 1,
nav: true,
autoplayHoverPause: true,
animateOut: 'slideOutUp',
animateIn: 'slideInUp'
});
.owl-carousel {
max-width: 320px;
}
.owl-carousel .owl-nav {
padd
浏览 12提问于2016-09-03得票数 2
回答已采纳
1回答
有人能帮我搞定猫头鹰吗？我需要每个项目只显示一个图像在整个屏幕。另外，我需要隐藏点控件。它应该像的“图像背景幻灯片”。
另外，每张幻灯片上的文本如何？我应该将它们插入到与<div class="owl-carousel">标记上的图像相同的<div class="owl-carousel">中吗？
浏览 3提问于2017-02-10得票数 2
回答已采纳
2回答
我希望根据条件动态创建owl项目幻灯片。比如
if(i=1 && i<=4)
{
//generate new item slide (owl carousel)
}
else if(i>=4 && i<=8)
{
//Generate second slide
}
我正在手动创建幻灯片项，我希望根据jquery中的条件动态地创建幻灯片项。假设第一个条件满足，动态创建新幻灯片项，如果第二个条件满足，则动态创建新幻灯片。我是jquery的新手。
幻灯片应该在jquery的帮助下动态创建。
这是滑块代码
<!DOCTYPE html&
浏览 0提问于2019-09-20得票数 4
回答已采纳
2回答
我有猫头鹰旋转木马这样的装置
<div class="owl-carousel">
<div>0</div>
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
<div>7</div>
<div&
浏览 7提问于2015-06-22得票数 0
回答已采纳
我们的定制猫头鹰旋转木马的行为并不像预期的那样--当拖动和使用键盘箭头时，你会看到下一个幻灯片，前面和下一个箭头“跳过”下一个幻灯片到后面的那个。
下一张幻灯片会出现很短时间，但很快就会弹到下一张幻灯片。
我在main.js设置中尝试过一些东西，但没有骰子。任何想法都会很感激，因为我有点困惑。
main.js代码是：
$(document).ready(function() {
// initialise owl
$(function() {
var owl = $('.owl-carousel');
owl.owlCarousel({
浏览 4提问于2019-09-23得票数 0
回答已采纳
我有以下代码块。我所要做的就是获取幻灯片中当前图像的src。它不工作，控制台上什么也没有出现，尽管它改变了幻灯片很好。
HTML：
<div id="banner" class="owl-carousel">
<img src="template/banner-1.jpg" alt="">
<img src="template/banner-2.jpg" alt="">
<img src="template/banner-1.
浏览 1提问于2015-01-19得票数 11
回答已采纳
我写这个是为了在owl-carousel幻灯片中找到一个视频元素，然后为那个特定的幻灯片设置owl-carousel控件的CSS (这个控件出现在网页的运行时)。
代码根本不起作用，我刚开始使用js。
$(".item").children().find("video").each(function(){
var d = document.getElementByClass('owl-controls');
d.style.bottom = y_pos+'10px';
});
对于HTML
<div id=&
浏览 7提问于2016-02-09得票数 0
2回答
您好，我想要得到当前的id后，改变了边。现在它正在更改中，但正在获取幻灯片的以前的id。
JS
hometopowl.on('changed.owl.carousel', function(event) {
var activeMenu = $(".body-top-slider-container .owl-carousel").find(".owl-item.active").find(".item").attr('data-hash');
alert(activeMenu);
浏览 1提问于2016-01-19得票数 1
1回答
是否有一个选项，只滚动一个猫头鹰-旋转木马滑块上的鼠标轮？当我点击prev或下一个btn时，它只是幻灯片，只有当前的旋转木马，但在鼠标滑轮上所有的！
<div class="owl-carousel">
<div class="item">
item
</div>
<div class="item">
item
</div>
<div class="item">
item
</di
浏览 3提问于2016-06-29得票数 0
回答已采纳
1回答
home/index.ract
<div class="row owl-carousel owl-theme row">
{{#featured}}
<div class="column small-12 medium-6 large-3 pan item">
<a href="{{ link }}">
<div class="griditem boxshadow">
<div class="item-conten
浏览 2提问于2015-06-10得票数 0
回答已采纳
3回答
图像不溢出:隐藏
、、
我需要我的图像溢出我的幻灯片，但它没有溢出。
* {
margin:0;
padding:0;
}
#slider {
position:relative;
}
.owl-carousel .images {
overflow:hidden;
min-width:960px;
width:100%;
height:200px;
}
.owl-carousel img {
width:100%;
height:auto;
}
<div id="slider">
<div class="owl-carous
浏览 2提问于2016-04-01得票数 1
回答已采纳
我正在尝试将幻灯片设置为基于索引的活动幻灯片。我尝试将类设置为活动的和居中的。下面示例中的newsId值来自我正在获取并验证的另一个页面。
<owl-carousel-o [options]="newsOptions" class="slider-service">
<ng-template carouselSlide [ngClass]="{'active center': news.newsId == newsId}" *ngFor="let news of newsSlides"&g
浏览 23提问于2021-02-25得票数 1
回答已采纳
我正在使用优秀的滑块OWL Carousel 2。
我的问题是URLhashListener选项只允许您创建指向特定幻灯片的链接，但不允许用户将当前幻灯片中的url链接复制到共享。我假设这个选项的正确行为是URL随着用户移动到下一张幻灯片而更新，这样他们就可以复制那个唯一的URL。
我的OWL代码：
<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
var owl = $(".owl-carousel");
owl.owl
浏览 0提问于2016-06-23得票数 1
回答已采纳
我使用的是一个没有内置缩略图导航的旋转木马jquery插件，所以我试图构建一个穷人版本。
我在用猫头鹰的旋转木马插件。
因此，对于这个例子，我需要发生的是，如果主旋转木马中的幻灯片div有一个类.active，那么我需要在第二个旋转木马中有一个div，它具有相同的索引，以获得一个类活动。
主要旋转木马代码：
<div id="slide1">
<div class="owl-wrapper-outer">
<div class="owl-wrapper">
浏览 1提问于2013-10-28得票数 0
回答已采纳
1回答
我已经尝试过在owl.carousel.js上调换功能，但它只在鼠标移动时起作用。
var Autoplay = function(scope) {
this.core = scope;
this.core.options = $.extend({}, Autoplay.Defaults, this.core.options);
this.handlers = {
'translated.owl.carousel refreshed.owl.carousel': $.proxy(function() {
this.autoplay();
},
浏览 1提问于2015-05-05得票数 2
我正在使用Magento网站上的猫头鹰旋转木马，我可以让幻灯片正确显示，但无法使用它的任何功能控制滑块…下面是我的html代码：
<div id="main-slider" class="owl-carousel mobile-slider">
<div class="item">{{block type="cms/block" block_id="block_slide1"}}</div>
<div class="item">{{block type
浏览 3提问于2015-01-16得票数 1
我正在使用猫头鹰旋转木马2，并希望在桌面上实现自定义交互，同时维护移动设备上默认的触摸滑动交互。
我可以禁用mouseDrag (见下面的JS )，但希望添加桌面功能，点击滑块中的任何位置，以升级到下一张幻灯片。因此，从本质上说，用户不需要鼠标拖动图像以到达桌面上的下一张幻灯片，而是单击图像上的任何位置来触发下一张幻灯片。
是否有一种方法可以检测桌面屏幕大小，然后将整个滑块区域作为自定义单击next函数？或者是否存在某种可能与mouseClick : false一起存在的mouseDrag函数？
<script>
$(function(){
var owl = $('.ow
浏览 7提问于2020-09-10得票数 0
回答已采纳
2回答
我对猫头鹰旋转木马有意见。我想有一个幻灯片猫头鹰旋转木马，但我的所有图像显示为一个幻灯片垂直对上，而不是水平，因为滑块的方向。下面我将为您提供代码和屏幕截图：
<div id="owl-demo" class="projects-slider owl-carousel owl-theme">
<div class="item"><img src="img/lisi1.jpg" alt="lisi"></div>
<div class="
浏览 6提问于2016-08-14得票数 0
回答已采纳
我在Angular 2中创建了两个组件：
ReaderComponent:启动和控制Owl Carousel的所有功能(启动、添加幻灯片、删除幻灯片等)
PageComponent:每张幻灯片都是一个PageComponent，有处理用户输入的事件(点击、夹击、双击)
ReaderComponent是在应用程序启动时创建的，它向服务发出请求，以获取每个PageComponents的所有数据。一切都很好，直到我们添加了一个PageComponent幻灯片。我尝试将PageComponent选择器添加到owl Carousel中：
this.slider.trigger("add.owl.
浏览 2提问于2015-10-28得票数 0
1回答
我想做的是建立一个无限平滑的图像滑块。我从https://codepen.io/mdrezwanferdous/pen/wpNZxN的代码开始，因为我想要达到同样的效果。但是我很难弄清楚如何添加悬停效果。当鼠标悬停在单个图片上时，滑块应立即停止。当鼠标离开时，滑块应该继续循环。 到目前为止，我想要做的是： $('.owl-carousel .owl-item').on('mouseenter',function(e){
$('.owl-carousel').trigger('mouseover.owl.autoplay');
浏览 9提问于2019-04-28得票数 0
我正在用owl做延迟加载。如果我将图像放在"owl-item“块中，"owl-loading”类在主容器"owl-carousel“中不会被"owl-loaded”替换，因此幻灯片内容不会显示。如果我不使用"owl-item“来放置图像，那么一切都会正常进行。下面是我的代码： <div class = "owl-carousel">
<div class="owl-item">
<img class="owl-lazy" data-src="i
浏览 28提问于2021-03-26得票数 0
回答已采纳
我试图同步两个猫头鹰传送带，使他们改变幻灯片相同的时间和方式。传送带被圈住了。当我用这个：
$("#slider").on('change.owl.carousel', function(event) {
$("#text_slider").trigger('to.owl.carousel', [event.item.index,0,true]);
})
到达项目结束后的第二个旋转木马不会像应该的那样移动遗忘(它是环的)，而是向后移动到第一个项目。
我还禁用了拖动功能，并尝试了以下操作：
$('#slider .o
浏览 4提问于2015-07-30得票数 1
回答已采纳
我正在玩一个引导主题是使用猫头鹰旋转木马。
这就是我要用的主题
正如您在链接上看到的，owl-carousel在两个地方使用。
页面顶部的英雄幻灯片
作为推荐信。
我想放慢滑梯的速度，让它们在悬停时停止滑动。
我在页面底部添加了一个脚本，如下所示：
<script>
$(".owl-carousel").owlCarousel({
//Autoplay
autoplay:true,
autoplayTimeout:10000,
stopOnHover : true
})
</script>
<script src
浏览 8提问于2020-03-24得票数 0
回答已采纳
我需要得到目标幻灯片项目(上一个或下一个)取决于控制箭头或滑动。
var slider = $('.owl-carousel');
slider.owlCarousel({
loop: true,
nav: true,
items: 1,
smartSpeed: 600
});
slider.on('change.owl.carousel', function(e) {
console.log($('.owl-item.active').html());
// I'm getting html of
浏览 6提问于2018-03-02得票数 0
1回答
我在owl carousel 2中动画字幕时遇到了麻烦，这是我目前所知道的：
$(document).ready(function() {
$("#slider").owlCarousel({
margin:0,
autoplay : true,
lazyLoad : true,
items : 1,
autoHeight : true,
animateOut: 'fadeOut',
dotsContainer: '#customDots',
});
$(".o
浏览 0提问于2016-03-14得票数 0
如何在react-owl-carousel中选择当前项。我确实用来在翻译的事件期间获取id，也尝试了官方文档中的所有事件。Jquery:如何获取信息： (就像在Jquery中一样)我不能从这里得到任何响应。
return <div className="rp-slider-main owl-carousel clearfix">
<OwlCarousel className="owl-theme" loop={false} nav={false} autoWidth={false} items={1} center={false}
浏览 38提问于2018-02-03得票数 1
回答已采纳
2回答
我在上使用owl旋转木马
在我尝试让它自动滑动之前，一切都会正常工作。有时它甚至把幻灯片打碎在一起。
根据位于此处的Owl Carousel文档
下面这段JavaScript代码应该可以完成这项工作。我将它添加到页脚，但它不起作用。
<script>
$(".owl-carousel").owlCarousel({
// Most important owl features
//Autoplay
autoPlay : 3000,
stopOnHover : false
)}
</script>
知道我可能做错了什么吗？
如有任何帮助，我们不胜感激！
浏览 0提问于2014-04-17得票数 0
我正在为一个客户做一个项目，他想要一个猫头鹰旋转木马，它能在每一张幻灯片上显示所有的幻灯片标题，并且它们是可点击的。
更清楚的是，我增加了一张图片。有没有人知道怎么解决这件事。
这是我最近看到的
var owl = $('.owl-carousel');
owl.owlCarousel({
loop: true,
autoplay: true,
items: 1,
});
owl.on('translated.owl.carousel', function(event) {
var title = $(this).find('.act
浏览 4提问于2021-07-22得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
