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
10
votes
3 answers
Owl Carousel 2 - how to get a current item?
I am working on a web site with Owl Carousel 2.
I just want to detect which item is displayed on the front.
It used to be like this.
http://owlgraphic.com/owlcarousel/demos/owlStatus.html
$(document).ready(function() {
var owl = $("#owl-demo"),
…
stackgk
- 137
- 1
- 1
- 7
10
votes
7 answers
Center OwlCarousel when less than X items
We're using OwlCarousel 1.3.3 on our responsive site. We've set the max number of items to 4.
$container.owlCarousel({
items: 4,
itemsDesktop: [1000, 4],
itemsDesktopSmall: [900, 3],
itemsTablet: [600, 2],
itemsMobile: [480,…
pstenstrm
- 6,339
- 5
- 41
- 62
10
votes
2 answers
How do I add classes to items in Owl Carousel 2?
My goal is to make a carousel that looks like this:
In case you don't know what you're looking at, there are 5 images/items but only the center one is displayed in its full size. The images next to the center one are smaller, and the outer ones…
user4325086
10
votes
6 answers
How come dots/navigation buttons are not visiable using owlcarousel?
How come the navigation buttons are not visible?
I'm using jQuery and owlcarousel (http://owlgraphic.com/owlcarousel/).
http://jsfiddle.net/bobbyrne01/s10bgckL/1/
html ..
bobbyrne01
- 6,295
- 19
- 80
- 150
9
votes
4 answers
OwlCarousel autoheight on data update
I have OwlCarousel, which has an autoheight parameter set to true. When I update the data inside the
block, the height does not automatically change.\
I understand that this should not be, but, as an example, the block was…
AtCliff_
- 173
- 8
9
votes
9 answers
Box shadow on items in owl carousel being cut off
I have got a box shadow on every element in my owl carousel. Problem is the outer most elements have their Box shadow cut off because of the overflow: hidden that owl-carousel utilizes. How can i get around this?
Kristian Nissen
- 1,153
- 2
- 11
- 29
9
votes
8 answers
Owl Carousel is not working with direction RTL
The Owl Carousel slider is not working with RTL. I add rtl: true in the configuration. But it's not loading the slider. The slider space is there and navigation is showing. But only the slider content is not showing. How can I fix this problem?
My…
Rayees Pk
- 2,503
- 1
- 23
- 19
9
votes
1 answer
Update Owl Carousel 'Page' on Event + Bootstrap Tabs
I am trying to use both Owl Carousel and Bootstrap to create tabs that have a continuous carousel for the tab navigation. I also want these tabs to cycle automatically.
Here is a visual reference:
And here is a…
Ryan Dorn
- 417
- 7
- 20
9
votes
7 answers
owl carousel 2 not work with loop and 1 items (Bug Fixed Now)
I work with owl carousel 2 for carousel content.
JS:
$('#owl-demo').owlCarousel({
loop: true,
margin: 10,
nav: true,
items: 1,
});
HTML:
Perspolis
- 862
- 3
- 11
- 28
9
votes
3 answers
Owl Carousel 2 random function
Is there a way in Owl Carousel 2 make a king random function. I need the slides on the page to load randomly.
Before in the older Owl Carousel version I did it this way:
$(document).ready(function () {
//Sort random function
function…
del mar
- 91
- 1
- 3
9
votes
2 answers
Owlcarousel 2 dynamically loaded content
I have troubles with ajax loading content to owl carousel 2. I'm trying to get new items by this function:
function loadDecisions(pageNumber) {
$.ajax({
url: globalURL,
type: 'POST',
data: {
action:…
Arkadiusz Rosiak
- 142
- 1
- 1
- 6
8
votes
5 answers
OWL CAROUSEL fixed height?
I'm currently using Owl Carousel and am wondering if there's a way to adjust image sizes so that the height of each image is consistent. I'm using this plugin to display my photography, and I have both landscape and portrait sizes. I tried using…
abc0213
- 167
- 1
- 1
- 12
8
votes
3 answers
Trigger next page owl carousel 2
I'm using Owl Carousel 2 and I have custom nav buttons that I intend to use for next/prev item and next/prev page. I'm using the following to trigger the next item:
var slider = $('.owl-carousel');
$('#nextItem').click(function () {
…
tqrecords
- 542
- 1
- 5
- 20
8
votes
4 answers
Owl carousel not working, maybe I linked something incorrectly?
I an trying to use the owl carousel in my new project. I seem to be having an issue with it. So far only the HTML and CSS is working. I am somehow doing something wrong with the Script. Could someone possibly lend me a hand and take a look and point…
Tyrii
- 173
- 1
- 4
- 13
8
votes
2 answers
Owl carousel - auto width, last item is pulled out from stack
i am experiencing strange issue with OWL CAROUSEL 2. I'm creating simple carousel for 12 tables, but when using option "autoWidth", last table is pulled out from carousel stack.
DEMO
If you open fiddle, there is carousel for every month in year. At…
SirInfant
- 323
- 2
- 3
- 11