Question

我的C＃代码中有一个猫头鹰卡车。如何将导航按钮放在我的img中，如中心而不是我的图像。

Answer 1

使用以下方法初始化猫头鹰轮播

$(document).ready(function(){
        $('.owl-carousel').owlCarousel({
            margin:10,
            responsiveClass:true,
            autoHeight:true,
            items:1,
            autoplay:true,
            autoplayTimeout:10000,
            autoplayHoverPause:true,
            nav : true,
            dots: true, //Make this true
            navText : ["<i class='fa fa-chevron-left'></i>","<i class='fa fa-chevron-right'></i>"]
        })
    });

添加owl carousel控件的CSS如下所示。（相应更改）

.owl-controls {
position: relative;
top: -40px;
}

P.S。：如果这不是您的查询，或者我可能无法正确理解查询，请将其评论回来。

<强> EDITS

上一个按钮

.owl-prev {
    position: absolute;
    top: 30%;
    left: -50px;
}

下一个按钮

.owl-next {
    position: absolute;
    right: -50px;
    top: 30%;
}

Answer 2

  $(document).ready(function(){
        $('.owl-carousel').owlCarousel({
            margin:10,
            responsiveClass:true,
            autoHeight:true,
            items:1,
            autoplay:true,
            autoplayTimeout:10000,
            autoplayHoverPause:true,
            nav : true,
            dots: false,
            navText : ["<i class='fa fa-chevron-left'></i>","<i class='fa fa-chevron-right'></i>"]
        })
    });

导航按钮显示在我的幻灯片下方。我希望按钮位于我的图像中

猫头鹰旋转木马：如何将导航放在图像而不是下？

2 个答案: