【问题标题】:How to remove prev and next style from owl carousel如何从猫头鹰轮播中删除上一个和下一个样式
【发布时间】:2020-05-30 05:42:57
【问题描述】:

如何从 owl carousel 中的导航按钮中删除上一个和下一个样式。

这是显示我在说什么的图片:

http://lookpic.com/O/t2/1725/N7d763L6.png

http://oi58.tinypic.com/2vnncl0.jpg

这是我的按钮样式

.owl-next{    display: block;
    width: 42px;
    height: 51px;
    background: url('../images/sp.png');
    background-position: -47px -19px;}
.owl-prev {
    display: block;
    width: 42px;
    height: 51px;
    background: url('../images/sp.png');
    background-position: 1px -19px;
}

【问题讨论】:

  • 图片未显示
  • 这是另一个链接oi58.tinypic.com/2vnncl0.jpg
  • 插件附带的 CSS 处理这些样式 - 只需从那里删除不需要的内容。
  • 你可以改变 display:block;显示:无;
  • @sowasred2012 非常感谢它的工作

标签: jquery css owl-carousel


【解决方案1】:

您可以使用此代码:

$(document).ready(function() {
  $("#owl-example").owlCarousel({
   navigation : false 
  });
});

【讨论】:

    【解决方案2】:

    现在在新版本中,你必须在你的js代码中使用

    navText: [" ", " "]
    

    如果你想隐藏下一个和上一个按钮。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多