首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在页面加载时启动除第一个项目以外的其他项目

如何在页面加载时启动除第一个项目以外的其他项目
EN

Stack Overflow用户
提问于 2014-04-28 15:11:21
回答 3查看 19.5K关注 0票数 5

在某些情况下,我想从>3个项目开始owl轮播,即按默认显示项目从第三个数字开始轮播。我已经看过他们的文档,他们没有这样的定制选项available.How我可以做到这一点。

EN

回答 3

Stack Overflow用户

发布于 2016-07-20 21:10:05

own carousel-2

代码语言:javascript
运行
复制
owl.owlCarousel({
    startPosition: 2
});
票数 10
EN

Stack Overflow用户

发布于 2014-05-07 00:00:19

上面有jumptTo方法,你可以在创建自己的轮播之后立即调用它:

代码语言:javascript
运行
复制
$(document).ready(function() {

    var owl = $("#owl-demo").owlCarousel({

        autoPlay: 3000, //Set AutoPlay to 3 seconds

        items : 4,
        itemsDesktop : [1199,3],
        itemsDesktopSmall : [979,3]

    });

    // Now move the carousel to the third item.
    owl = $("#owl-demo").data('owlCarousel');
    owl.jumpTo(3);
});
票数 3
EN

Stack Overflow用户

发布于 2021-04-19 18:34:58

有几种方法可以实现这一点。

转盘您可以使用owl-提供的选项

startPosition类型:数字/字符串默认值:0

起始位置或URL哈希字符串,如“#id”。

代码语言:javascript
运行
复制
            $(".owl-one").owlCarousel({
                startPosition: 0 // 1, 2, 3 
            })

  1. 您可以使用Events

to.owl.carousel类型:可触发参数:位置,速度到位置。

代码语言:javascript
运行
复制
 $('.owl-one').trigger("to.owl.carousel", [2, 200]);
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/23334692

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档