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
0
votes
0 answers
owl carousel loop:true cannot applied
I would like to implement the loop:true option in my owl carousel, but actually when I overwrite the old owl.carousel.min file the entire slider disabled, but it works fine with old version owl.carousel.min file without loop.
Can anyone help me…
sasi jj
- 25
- 10
0
votes
1 answer
Owl Carousel 2 - Drag active when clicking a slide
I am using Owl Carousel 2 and I have (and want) the mouseDrag and touchDrag active.
When I click anything in the slide, however, owl thinks I dragged and changed the slide, so it fires onDragged callback. I DID NOT change the slide though, I just…
SimeriaIonut
- 516
- 2
- 11
- 20
0
votes
1 answer
WordPress Owl Carousel add Image issue - PHP
I'm trying to get further, new Image Links that are loaded to display.
Currently 5 are displayed, but we want to add a sixth & maybe 2 or 3 others in the future.
The issue we are having is when we add the sixth, it overwrites one of the existing…
cab
- 33
- 6
0
votes
2 answers
OwlCarousel load after page dom or images load
I have a page with some sections. Any section have some OwlCarouse.When menu items anchor to sections (http://site/index.html#section), page scrolled to first of section position but when I copy link into another tab, position changed.
I think the…
Javad
- 178
- 2
- 14
0
votes
1 answer
Owl Carousel jquery plugin autoHeight: true has no effect
I am attempting to use the autoHeight feature in Owl Carousel 2 - which I have created an example CodePen of here:
Example
When you view the markup through inspector tools, you can see that the .owl-height elements height is indeed being updated,…
Terence Devine
- 115
- 1
- 13
0
votes
1 answer
Owl Carousel breaks on first coursel
I'm using Owl Carousel in a RefineryCMS project. I have multiple Owl Carousel's on the same page and I switch between these by clicking on a genre. It then shows a number of books relating to that genre. It loads showing all the books, but when I…
map7
- 5,096
- 6
- 65
- 128
0
votes
1 answer
Using stagePadding to separate items
Here is the fiddle:
https://jsfiddle.net/h8kmove5/98/
I am trying to move the left and right items to the edge like so:
http://www.owlcarousel.owlgraphic.com/demos/stagepadding.html
But with 3 in total, instead of…
Grill
- 43
- 1
- 7
0
votes
1 answer
How to reinit decorator with new RactiveJS data
Here I am again with quite an interesting question.
Say, for example, I have the following:
{{ # filteredUsers }} // computed value from users array and a filter input
{{ name }}
{{ /…
Eduard
- 3,395
- 8
- 37
- 62
0
votes
1 answer
Owl carousel Navigation buttons not showing
0
votes
1 answer
Trying to get custom and unlimited Owl carousel over two lines
Here's the fiddle:
https://jsfiddle.net/h8kmove5/41/
I wish to get this:
https://jsfiddle.net/h8kmove5/43/
behaviour over two lines.
I tried using:
p:nth-child(7n) {
}
To no avail?
Grill
- 43
- 1
- 7
0
votes
1 answer
Trying to sync 2 Owl carousels with different item no.s
I have been using this:
http://owlgraphic.com/owlcarousel/demos/sync.html
But I need to make a small amend, because the 1st carousel requires 3 images displayed at once, rather than just one, and then the middle image is the one aligned with the…
Grill
- 43
- 1
- 7
0
votes
1 answer
How to apply an inactive class for the first and last item
I'm trying to add an inactive class for the first and last item.
My HTML code :
Thanks for your help.
Eric Arbeloa
- 1
- 1
0
votes
2 answers
How do I make Owl Carousel have a pagination dot per item
So for example if:
owl.owlCarousel({
items: 3,
navigation: false,
navigationText: ["
",'
'],
slideSpeed: 300,
paginationSpeed: 400,
afterInit: afterOWLinit // do some work after…
",''],
slideSpeed: 300,
paginationSpeed: 400,
afterInit: afterOWLinit // do some work after…
fdsfdf
- 63
- 1
- 8
0
votes
1 answer
Owl Carousel using isotope thumbnails as page navigation
I have an Owl Carousel with 3 images displayed at a time. There are next and prev buttons, but I also wish to have a custom pagination. Instead of dots, I wish to have a separate grid of corresponding isotope thumbnail images below, which when…
fdsfdf
- 63
- 1
- 8
0
votes
1 answer
On hover OwlCarousel how to show the nav?
I'm trying to get the nav to show only when the carousel is hovered but not sure how to approach this. Should I be using a visibility toggle?
EDIT
http://jsfiddle.net/TWtwt/470/
.owl-theme .owl-controls .owl-nav [class*=owl-] {
color: #fff;
…
user2252219
- 835
- 3
- 17
- 41