猫头鹰旋转木马/如何更改主题

【问题标题】：Owl carusel / How to change theme猫头鹰旋转木马/如何更改主题
【发布时间】：2014-04-15 07:42:39
【问题描述】：

我正在尝试在我的网站中实现 owl carousel。 OWL CAROUSEL。它工作得很好，但仅限于“自定义”主题。我需要实现“一张幻灯片”主题。这些示例显示在该网站的“Mor 演示”部分。您能否告诉我是否必须从某个地方下载该主题，或者如何使用单张幻灯片主题？谢谢

【问题讨论】：

标签： jquery html css carousel owl-carousel

【解决方案1】：

看来主题是内置的，要使用，需要在初始化中包含singleItem参数：

$(document).ready(function() {

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

  navigation : true, // Show next and prev buttons
  slideSpeed : 300,
  paginationSpeed : 400,
  singleItem:true

  });

});

该网站还包含此 CSS，它似乎使图像填充容器：

#owl-demo .item img{
    display: block;
    width: 100%;
    height: auto;
}

【讨论】：

谢谢。我会接受你的回答。有没有办法使轮播自动化？例如每 2 秒更换一次图像？
@MartinNemeth 看来你可以使用播放事件owl.trigger('owl.play', interval);，所以$("#owl-demo").owlCarousel({...options}).trigger('owl.play', 2000);