owl-carousel自定义点,无需更改owl-theme默认CSS

时间:2018-01-08 05:29:46

标签: jquery html5 css3 owl-carousel

我正在使用owl-carousel并且我想自定义导航。我不想更改默认owl-theme.css。因为对于其他一些部分我也想要这个默认功能。如果我自定义默认{ {1}}。我得到输出但它与所有部分冲突。 到目前为止,我试图在这里概述代码。

在js

owl-theme.css

这里我在html中定义了用于切割点的saperate div和像这样的css

 $('.owl-carousel').owlCarousel({
    items: 1,
    loop: true,
    dots: true,
    autoplay: true,
    dotsContainer: '.slider-nav .thumbs'
});

但它不起作用。 任何人都可以建议我如何做到这一点? 在此先感谢。

1 个答案:

答案 0 :(得分:0)

我不知道你是否尝试过,但一个非常简单的解决方案是为该页面创建一个css文件的克隆并在其中进行更改,但如果由于某种原因你不能这样做,重新初始化该页面上的猫头鹰轮播并添加所需的代码