Questions tagged [owl-carousel]

Owl Carousel is a touch-enabled jQuery plugin that lets you create a beautiful responsive carousel slider.

Version 2

Version 1

1693 questions
14
votes
1 answer

Owl carousel V1 disable/enable drag

Hey all I have a quick question regarding the Owl Carousel. How can I enable the touchdrag when I first use this code: var owl = $(".full-slider"); owl.owlCarousel({ slideSpeed : 500, singleItem : true, …
StealthRT
  • 10,108
  • 40
  • 183
  • 342
14
votes
4 answers
14
votes
8 answers

how add spaces between owl carousel item

How can i add space between owl item. add margin or padding between items. this is need to be responsive.can i add some gutter in to the jquery. function newsCarousel(){ $("#carousel").owlCarousel({ items : 4, itemsCustom :…
Dishan TD
  • 8,528
  • 7
  • 26
  • 41
14
votes
12 answers

owl carousel slideSpeed not working

I have multiple owl carousel set up on my home page. I have the first one (the one about free shipping) set to a slideSpeed of 10000. As you can see all the slide change at the same speed. Is there a reason this doesn't work? Am i doing something…
danjfoley
  • 778
  • 1
  • 8
  • 20
14
votes
9 answers

Owl Carousel, navigation disabled after reaching first/last item

I'm trying to use owl carousel for my website. I want to disable the navigation after it reach first/last item, for example by adding "disabled" class in navigation then disable it via css. Is it possible? my code $(document).ready(function()…
owari
  • 143
  • 1
  • 1
  • 6
14
votes
5 answers

Owl Carousel fade effect not working

I'm trying to apply the fade effect on a Owl Carousel but it does not seem to work. As you can see in this fiddle - http://jsfiddle.net/lav911/fHa6J/ , I'm loading the transitions.css file mentioned in their docs. Am I missing something? Why does it…
Zubzob
  • 2,653
  • 4
  • 29
  • 44
13
votes
1 answer

Reset owl carousel autoplayTimeout after user action

I let owl to his default option (5000) but I have a problem when I start to drag or use the navigation, the owl carousel doesn't reset this time. If I drag 3 slides in 4 seconds, the 4th slide has only 1 second and jumps automatically to the next…
Stefan Iordache
  • 267
  • 2
  • 14
13
votes
5 answers

How to use owl carousel vertically?

I did not want to take the plugin code so I was wondering if someone had already managed to use plugin vertically. It's a shame on the part of this plugin can be used horizontally. Sorry for langage...
user3822650
  • 133
  • 1
  • 1
  • 6
12
votes
3 answers

Owl-carousel: Displaying only one image per slide

Today I discovered owl-carousel and I have been trying to get it to work. I'm trying to make a carousel that cycles through images of dinosaurs. The problem is that 4 dinosaurs show up on the same slide(2 in the fiddle half-sized window). I wanted…
Richard Hamilton
  • 25,478
  • 10
  • 60
  • 87
12
votes
8 answers

Slide 2 items in OWL Carousel

I am using an OWL Carousel for my slider. What I am trying to do is slide 2 items when next previous is clicked. So its sliding to every second item still showing the second item during the transmission. I have tried to work it out with CSS but no…
Dom
  • 3,126
  • 14
  • 46
  • 68
11
votes
4 answers

Fade in and out owl carousel effect not working