Stack Overflow
Stack Overflow

Questions tagged [owl-carousel-2]

Used for all questions relating to the Owl Carousel touch-enabled jQuery plugin version 2.

Owl Carousel is a touch enabled jQuery plugin that allows you to easily build carousel that are supported on a variety of platforms and devices.

Features

  • Drag and drop support on mobile and in browsers.
  • Responsive
  • Automatic fallback to when is not supported
  • Support for modules and plugins

Resources

Related Tags

342 questions
0
votes
1 answer

Update options after initialization in owl carousel 2

I am trying to update/re-initialize owl carousel 2 options. But not able to succeed. Below is the code var owl = $('.owl-carousel'); owl.owlCarousel({ loop: true, nav: true }); // update/re-initialize options if(condition){ // update…
Tony
  • 1
0
votes
0 answers

Custom next and previous owl-carousel images

I am trying to figure out how to insert custom images as the Previous and Next buttons in owl-carousel. Below is what I have tried so far. The classes that are commented out work perfectly fine however the tags underneath are not working…
Nick
  • 31
  • 5
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

Owl carousel Navigation buttons not showing

Here is my generated html
Primo
K3V
  • 282
  • 6
  • 17
0
votes
2 answers

Owl carousel v2, item width calculated wrong if the carousel behind Tab content

I built 2 responsive Owl-carousel-v2 in a page which look perfect. After I put them into tabs, the first one carousel works but the one behind tab panel lost it's item width, and I couldn't make it work. If I have all the items with a certain width…
bard
  • 1,053
  • 3
  • 13
  • 22
0
votes
1 answer

OwlCarousel 2.0.0-beta.2.4 - can prepend items but not append items with 'add.owl.carousel'

I'm using OwlCarousel 2.0.0-beta.2.4 to display the image, title and dek for all articles of a certain content type. These content types can have several hundred articles. So, I'm displaying the first six then lazyloading the next six as soon as the…
Taytorious
  • 224
  • 2
  • 7
0
votes
1 answer

Owl Carousel 2 - Inline background images not working

I just downloaded Owl Carousel 2 to create a carousel with inline background images. I thoroughly read the documentation available at: http://www.owlcarousel.owlgraphic.com/demos/lazyLoad.html It says: LazyLoad HTML strucutre requires…
metior
  • 365
  • 1
  • 4
  • 16
0
votes
1 answer

jQuery owlCarousel drag and drop Firefox issue

I have used owlCarousel 2 to display images and have tinymce 4 as WYSIWIG editor. I am facing strange issue when I drag image from carousel to tinyMCE WYSIWIG editor in FireFox 41.0.2. Instead of just dropping image, it copies div of carousel within…
Amit Patel
  • 15,609
  • 18
  • 68
  • 106
0
votes
1 answer

Owl Carousel data options for multiple sliders on page

I found this code here: https://stackoverflow.com/a/32636784/2785140 but unfortunately it does not work correctly if the page contains more than one slider. var oc = $('.owl-carousel'); var ocOptions = oc.data('carousel-options'); var defaults =…
mrWilson
  • 91
  • 1
  • 2
  • 13
0
votes
1 answer

hiding carousel for small display < 340 x

Please, look for a way to hide a carousel script from displaying for screens with dimensions such as : 340x360 . here the script : http://owlgraphic.com/owlcarousel/#customizing Thanks in advance
Pierre Moz
  • 1
  • 1
0
votes
1 answer

Telescope Owl Carousel

I am trying to use owl-carousel with Telescope but i am not able to make it to work. I have no dynamic data at this point. Below are the steps I followed. Create a Telescope package. Added Theme Zeiss. Add the owl-carousel package Then on the…
Abhay
  • 401
  • 3
  • 12
0
votes
2 answers

owl carousel 2 next items

It is available in owl carousel 2, if click next button give additional page images? Because the default is only one next item slide. An example of how it works: [1,2,3] -> (next click) -> [2,3,4] I want [1,2,3] -> (next click) -> [4,5,6] Thx
Adam Mikó
  • 13
  • 4
0
votes
0 answers

Owl Carousel 2 Responsive Width Issue

I'm having a minor (but very annoying) issue with the Owl Carousel 2 slider. Essentially, I want a single-item slider with a max-width of 824px, since it's the size of my images. The rest of the time, the slider is 95% of the width of its parent.…
Nils
  • 211
  • 3
  • 11
0
votes
1 answer

Owl carousel locating divs

i am using owl carousel 2, where i am using the center function. I have 5 items to be displayed on the carousel. Is it possible using jquery to add classes to find certain divs within the carousel, without having to add ids or classes on the…
jsg
  • 1,224
  • 7
  • 22
  • 44
0
votes
2 answers

Mousewheel scroll fire only once next callback

I have Owl carousel setup like this
0
1
2
3
4
5
6
7
8
9
this is…
5ulo
  • 749
  • 1
  • 8
  • 21
1 2 3
…
22
23