Javascript 向owl转盘模板添加箭头和自动播放

我下载了owl.carousel.min.js的模板-我不知道如何添加自动播放和箭头

---

它在一台测试服务器上，大约运行了一半。我会感谢任何帮助，因为我精通HTML，但JS是我无法理解的。（为什么我下载了一个模板）

您找到如何使用旋转木马的文档了吗？这是一个很好的起点

猫头鹰是我正在使用的主题的一部分。看起来这个javascript包含在旋转木马之后

<script>
jQuery(function($){
    $("#latest_news .owl-carousel").owlCarousel({
        lazyLoad: true,
        responsiveRefreshRate: 50,
        slideSpeed: 500,
        paginationSpeed: 500,
        scrollPerPage: true,
        stopOnHover: true,
        rewindNav: true,
        rewindSpeed: 600,
        pagination: true,
        navigation: false,
        autoPlay: true,
        singleItem: true
    });
});
</script>

在这个函数中，Owl Carousel是特定的

$（“最新消息.猫头鹰转盘”）

选择正确的元素。这是您将使用自己的CSS选择器获取滑块的地方

它被传递给滑块的javascript参数对象。对于你的自动播放，你可以给它

$("#YOUR-ELEMENT .owl-carousel").owlCarousel({
    autoplay: true
});

箭头也通过此对象中的设置来描述。看起来可以像这样添加左/右箭头：

$("#YOUR-ELEMENT .owl-carousel").owlCarousel({
    navigationText:["<i class='icon-left-open'></i>","<i class='icon-right-open'></i>"]
});

$（“#YOUR-ELEMENT.owl carousel”）.owlCarousel({
导航文本：[“”，“”]
});

因此，至少要获得箭头和自动播放，脚本应该如下所示：

<script>
    jQuery(function($){
        $("#YOUR-ELEMENT .owl-carousel").owlCarousel({
            autoplay: true,
            navigationText:["<i class='icon-left-open'></i>","<i class='icon-right-open'></i>"]
        });
    });
</script>

jQuery（函数（$）{
$（“#YOUR-ELEMENT.owl carousel”）.owlCarousel({
自动播放：对，
导航文本：[“”，“”]
});
});

---

值得一看的是，您可以更改哪些其他设置以实现更大的定制。例如，slideSpeed和rewindSpeed可能是熟悉javascript的好地方

谢谢，我会给它一个巴什米JS代码看起来有点不同，你的。它驻留在一个单独的js文件中：@Michelle，如果脚本驻留在一个单独的文件中，这没关系。只需确保包含指向脚本的链接，如下所示

。通常，您希望在关闭body标记之前，将它们放在HTML文档的底部。代码起作用了吗？如果您更新您的问题以包含您尝试过的内容和现有代码的示例，那将非常好。

<script>
    jQuery(function($){
        $("#YOUR-ELEMENT .owl-carousel").owlCarousel({
            autoplay: true,
            navigationText:["<i class='icon-left-open'></i>","<i class='icon-right-open'></i>"]
        });
    });
</script>