Owl Carousel is a touch-enabled jQuery plugin that lets you create a beautiful responsive carousel slider.
Version 2
Version 1
Questions tagged [owl-carousel]
1693 questions
60
votes
9 answers
Owl Carousel, making custom navigation
So i have an Owl Carousel that contains three images. I also added custom navigation arrows (.png images) on left and right sides. However, those arrows are currently useless, because I can't find a way to actually make them switch between images of…
bltzrrr
- 789
- 1
- 8
- 14
39
votes
8 answers
Owl Carousel 2 Nav on Sides
Hi I'm using Owl Carousel version 2 and can't find an example to put the navigation on the sides of the carousel like right and left chevrons or arrows. How do you do it?
SemanticUI
- 899
- 2
- 10
- 19
39
votes
15 answers
Owl Carousel Won't Autoplay
I'm using the Owl Carousel on my site. According to their documentation, this piece of JavaScript should work:
But for…
thedoggydog
- 459
- 1
- 4
- 10
31
votes
8 answers
Cloned items in owl carousel
While building the carousel I realized that an owl add's cloned duplicate items. My owl config looks like this. How do i stop this from happening.
owlDfe.owlCarousel({
loop: false,
autoWidth:false,
…
Rajat banerjee
- 1,781
- 3
- 17
- 35
31
votes
4 answers
Show part of next and previous items with Owl Carousel 2.0
I'm using Owl Carousel 2.0. I would like to show one item, a half (or less) of the previous item (left side) and a half (or less) of the next item (right side). Just putting a part of them out on the right and on the left side:
I've been trying…
Big-beef
- 343
- 1
- 4
- 7
30
votes
6 answers
How to center the images in the Owl Carousel
My Owl Carousel contains pictures of different width and height. How do I align them in the middle - both horizontally and vertically?
$("#owl-example").owlCarousel({
navigation: true
});
Gleb Kemarsky
- 10,160
- 7
- 43
- 68
26
votes
9 answers
owlcarousel - dots do not appear
I am working on a project and as my knowledge in javascript are very limited, I decided to use owlcarousel. everything was working fine but now I am facing a problem.
I have set the dots to true but they do not appear. My work so far is the…
user6247447
24
votes
6 answers
Owl Carousel 2 beta , jump to a specific slide
I have implemented the Owl Carousel 2 in my website , I want to be able to jump to specific slide by using the Jumbpto helper provided like so ,
$('.btnJump').click(function(){
$('#myCarousel').trigger('owl.jumpTo', 3)
});
but it seems that…
Yazan Rawashdeh
- 1,017
- 2
- 16
- 26
21
votes
4 answers
Owl Carousel - Items are stacking on top of each other
I'm trying to group images into groups of 8, and use each grouping as a separate slide for Owl Carousel. However, rather than stacking horizontally like normal, the groupings are just stacked vertically.
My owl settings:
//Gallery…
Jordan Carter
- 1,276
- 3
- 19
- 43
19
votes
6 answers
How to remove indicators from owl carousel
I cannot for the life of me get rid of them:
dots: false,
Doesn't do anything?
JSHD
- 307
- 1
- 4
- 7
18
votes
3 answers
Is it possible to implement a circular/infinite carousel using owl carousel?
I am using owl carousel and it works perfectly except it does not support circular/infinite scrolling. I did search for ideas on google and stackoverflow with no luck. Has anyone implemented circular/infinite scrolling in owl carousel?
Manu Goel
- 430
- 1
- 3
- 10
17
votes
6 answers
Owl carousel and bootstrap tab on a page
I am trying to build a page using both bootstrap and a Owl carousel, Owl carousel fit the purpose of the site rather that bootstraps version. So I got a tab structure where I want to put a carousel on each page, however all my attempts have failed.…
jsg
- 1,224
- 7
- 22
- 44
17
votes
8 answers
How to reinit a owl carousel 2.0?
I know in the first version of owl carousel we do it like this :
var $carousel = $('#carousel');
var owl = $carousel.data('owlCarousel');
owl.reinit({touchDrag: false, mouseDrag: false;});
Ok, but how we do it in the second version, i don't know…
gauvain robert
- 203
- 2
- 3
- 6
16
votes
8 answers
How to reinitialize Owl Carousel after an ajax call?
I am trying to reinitialize Owl carousel after a successful ajax call. The ajax call will change the data but the view should stay the same.I am having an issue where the view (the carousel structure) will not reinitialize. Everything is fine upon…
Richlewis
- 15,070
- 37
- 122
- 283
14
votes
6 answers
Disabling Owl Carousel at a specific viewport width
I'm currently using Owl Carousel to show a gallery on desktop/laptop sized devices. However on smaller devices I'd like to disable the plugin and show each image stacked underneath one another.
Is this possible? I'm aware you can tweak Owl Carousel…
abbas_arezoo
- 1,038
- 3
- 20
- 38