CODEWITHSUNDEEP
jqueryhtmlcsscarouselowl-carousel
Martin Nemeth
Martin Nemeth

Reputation: 679

Owl carusel / How to change theme

I am trying to implement owl carousel into my website. OWL CAROUSEL. It is working great, but only with "custom" theme. I need to implement the "One slide" theme. These examples are shown in "Mor demos" section on that website. Can you please tell me if I do have to downpload that theme from somewhere, or how can I use the one slide theme? Thank you

Upvotes: 0

Views: 861

Answers (1)

Liftoff
Liftoff

Reputation: 25392

It appears that the theme is built in. To use it, you need to include the singleItem parameter in the initialization:

$(document).ready(function() {

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

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

  });

});

The site also includes this CSS which appears to make the images fill the container:

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

Upvotes: 1

Related Questions