Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Empty item in Owl Carousel

I have problem with Owl carousel. I have 10 items in owl, in loop, and after 10th item, there's one extra blank item. How can I get rid of that blank item?

Here is my js code for owl:

<script type="text/javascript">
    $(document).ready(function() {
        $("#owl-example").owlCarousel({

            navigation : false, // Show next and prev buttons
            pagination : false,
            loop : true,
            autoplay : false,
            slideSpeed : 300,
            paginationSpeed : 400,
            items : 1 
        }); 
    });
</script>
like image 846
VderKaiser Avatar asked Sep 19 '16 16:09

VderKaiser


1 Answers

I had this same problem. After some research and trial, I found that removing all whitespace in my HTML solved the issue.

like image 174
Sean Avatar answered Sep 27 '22 20:09

Sean