Questions tagged [Owl Carousel] (196)

Using version 2. Carousel is working fine, except for one moment. You want to get the object properties of the carousel. Suggest this method, but it returns an empty result. owl = $('.owl-carousel'); owl.owlCarousel({ loop : true, margin : 20, nav : true, smartSpeed : 500, dots : false, responsive:{ 0:{ items : 1 },...

As the slider to make the background in this picture https://cdn1.savepice.ru/uploads/2020/4/10/b5c41e7... and to this picture was adaptive, together with a slider (i.e. adjust to his size)? The code took off over here https://codepen.io/marishik92/pen/KKdwPgX I tried to use background-image and mask have a unit banner__sl...

I have a Owl Carousel slider with pictures, here is how I declared it: $(document).ready(function() { let owl = $('.owl-carousel'); owl.owlCarousel({ items: 1, loop: false, margin: 10, dots: true, autoWidth: true }); $('#left').click(function() { owl.trigger('prev.owl.carousel'); }); $('#right').click(function() {...

Hello, tell me how to do to the extreme if the slide does not fit in the container, the displayed part for which you have enough space?

In owl there are autoplayHoverPause, but I need the opposite option to hover was included autoplay, and is usually state no.

On the page there is a slider owl-carousel which has images. If you press ctrl + R (reload page) the image size changes, they become large. This happens on all browsers. This also happens when I go to the same page if you click the link How can I fix it? Desired result: when you reload the page the size of the carousel and...

how to connect olw carousel to scroll by touching the touchpad with two fingers left or right?

Not found on the Internet solution which allows you to move the items of the carousel continuously (without trying to scroll pokidova). Generally, installed owlCarousel but combined with smartspeed it turns out not quite - each slide slowly leafing through, and you need to not looked through, but just spun..

Why not work the settings for the 2nd carousel?On the 2nd carousel settings work those that are spelled out in the first. $('.owl-carousel').owlCarousel({ smartSpeed:1000, autoplayTimeout:7000, autoplay:true, loop:true, margin:10, nav:false, responsive:{ 0:{ items:1 }, 600:{ items:1 }, 1000:{ items:1 } } }) $('.gogog').o...

Mounted on the carousel avtopley. Carousels on page 2 .You need to register to the second roundabout off avtopley.Thank you. $('.owl-carousel').owlCarousel({ smartSpeed:1000, autoplayTimeout:7000, autoplay:true, loop:true, margin:10, nav:true, responsive:{ 0:{ items:1 }, 600:{ items:1 }, 1000:{ items:1 } } }) $('.gogo').ow...