Resolved: How to Disable loop: true for small screen size

In this post, we will see how to resolve How to Disable loop: true for small screen size

Question:

I discovered owl carousel crashing on iphone when sliding images, and setting to loop: off fixed the issue.
Can you help me with this js – what do I need to add/change so that that loop: off applies for screen sizes < 768px and loop: true for all others?

    $(document).ready(function() {
        $('.my-carousel').owlCarousel({
        items: 1, 
        loop: true, 
        center:true, 
        margin:10, 
        URLhashListener:true,
        autoplayHoverPause:true,
        startPosition: 'URLHash',
        autoplayHoverPause: false,
        items: 1, 
        navText : ["<p><small>Prev</small> and <small>Next</small></p>"],
        responsive:{
          0:{
            items:1
          },
          600:{
            items:1
          },
          1000:{
            items:1
          }
    }   
        });
    })`

Best Answer:

Hi have you try set loop false on responsive ? and if you want do spesific width use the width on resposive too, thhe 0, 600, 1000 in reponsive behavior more like @media only screen and (min-width : …)

    $(document).ready(function() {
        $('.my-carousel').owlCarousel({
        items: 1, 
        //loop: true, 
        center:true, 
        margin:10, 
        URLhashListener:true,
        autoplayHoverPause:true,
        startPosition: 'URLHash',
        autoplayHoverPause: false,
        items: 1, 
        navText : ["<p><small>Prev</small> and <small>Next</small></p>"],
        responsive:{
          0:{
            items:1,
            loop: false
          },
          768:{
            items:1,
            loop: false
          },
          1000:{
            items:1,
            loop: true
          }
    }   
        });
    })`

If you have better answer, please add a comment about this, thank you!

Source: Stackoverflow.com

Resolved: How to Disable loop: true for small screen size

Resolved: How to stop a thread that has a blocking function from easygui in python

Resolved: Removing null keys from a json array of objects

Resolved: How can I generate at compile-time a separate OpenAPI Swagger.json file for each Controller in my ASP.NET project?

Question:

Best Answer:

Related Posts

Resolved: How to stop a thread that has a blocking function from easygui in python

Resolved: Removing null keys from a json array of objects

Resolved: How can I generate at compile-time a separate OpenAPI Swagger.json file for each Controller in my ASP.NET project?