How to display one image per slider for Owl Carousel?

Last updated on December 20, 2021

Owl Carousel is a popular slider JavaScript plugin. It is not only to show series of pictures in a slider, it is possible to display one image per slider for Owl Carousel also.

Normally, the slider is called by the codes, the options can be passed by an object, like images loop.

$(document).ready(function(){
  $(".owl-carousel").owlCarousel({
    loop:true
  });
});

If you want the Owl Carousel only display one image at a time instead of a few images, please pass the option singleItem: true  in the object, the setup codes should be:

$(document).ready(function(){
  $(".owl-carousel").owlCarousel({
    loop:true,
    singleItem: true 
  });
});

Want to Hire a Professional WordPress Developer ? Please Click Here.

Icon WordPress Customization Service from $49 Only!
Save your expensive time!

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!