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
1
vote
1 answer

Owl Carousel 2 how to display all slide titles on every slide

I am working on a project for a client and he wants to have an Owl Carousel that displays all the slide titles on every slide and they are clickable. To be more clear I have added a picture. Does anyone have a clue how to solve this thing. Here is…
EyemansDome
  • 67
  • 7
1
vote
0 answers

Owl carousel with lightbox

I am trying to add a lightbox into in owl carousel already I tried few of methods but was impossible is somebody that sort it out? Anything that I am doing in my themes owl carousel is impossible to add the lightbox feature. Please if you have any…
Grantalocos
  • 11
  • 1
1
vote
0 answers

Modify initialized Owl Carousel 2 slider

Is there any way to get the data from the carousel object after the page has loaded? I'm using a plugin that generates a carousel after pulling in posts from a different site, but it has no options for the carousel settings. I see on the page this…
youngdialup
  • 11
  • 1
  • 2
1
vote
0 answers

My last item of owlCarousel appears only when browser window zooming out

I'm using owlCarousel library in my popular-travel section, and to make the item (image) more interactive. I use scrollReveal.js to animate when the section appears in the viewport. Everything works fine, but my last item (4th image) in my popular…
Elwin Musadi
  • 31
  • 3
1
vote
2 answers

when i give owl-carousel class ,the items disappear

so when i add owl-carousel class to my div which contains the items they disappear idk why!! this is how i added owl-carousel style sheet and scripts in head tag :
zahra
  • 33
  • 1
  • 7
1
vote
1 answer

owlcarousel Permission denied to access property "apply"

i'm using owlcarousel, version 2.3.4, jquery v 3.3.1, on C# Razor pages. My carousel is initialized with this function: $('.owl-carousel').owlCarousel({ items: 4, nav: true, dots: false, loop: true, …
MrTex
  • 239
  • 4
  • 18
1
vote
0 answers

How to stop Owl Carousel Autoplay until a video is playing

in Owl Carousel docs we have an autoplayTimeout option that will change slides automatically. I have images and videos in my slider at the same time and I need to disable this option when the carousel showing a video tag or change it to my video…
Hossein
  • 828
  • 1
  • 9
  • 31
1
vote
2 answers

Trigger next and previous element in 'vue-owl-carousel' package Vue.js

I have problem with triggering next or previous item in vue-owl-carousel package in Vue with javascript. Can anybody help? Carousel code :
Saeed Jamali
  • 1,195
  • 2
  • 7
  • 19
1
vote
1 answer

Vue.JS Owl-Carousel-2 not working on responsive

I am working on an application which is done by Owl Carousel for Carousel purpose, here the below NPM package could use for that https://www.npmjs.com/package/vue-owl-carousel2 Everything is fine but came issues in responsive like the carousel…
jesica
  • 645
  • 2
  • 13
  • 36
1
vote
1 answer

How can I make Owl Carousel dot navigation buttons accessible?

I'm trying to get rid of all of the issues reported by the Google Chrome Lighthouse Audit. I'm slowly progressing but I have a problem with 'accessible buttons'. These buttons are the "dots navigation" from the Owl Carousel 2 library and it seems…
AdamKniec
  • 1,607
  • 9
  • 25
1
vote
0 answers

How to target OwlCarousel generated class so to append a div and make it stick inside using React

I'm fairly new to React and I want to use Owl Carousel 2. I'm trying to add a play button image to a div with a class name of .owl-dots which is generated by Owl Carousel. I tried targeting .owl-dots in jsx: render(){ const owlDots =…
Jerome Gee
  • 23
  • 1
  • 7
1
vote
2 answers

How to make it so that owl-carousel-o has each image take up the whole screen in angular8?

I am using the following library to get owl carousel to work with angular8: https://www.npmjs.com/package/ngx-owl-carousel-o I tried following the following guide: https://therichpost.com/how-to-implement-owl-carousel-slider-in-angular-8/ The issue…
Rolando
  • 58,640
  • 98
  • 266
  • 407
1
vote
1 answer

Owl Carousel 2 items disappear on drag/touch in RTL

I use owl carousel 2 and with RTL option, but don't know why it going to disappear when you drag/touch last item (5-or-6/slide it to right, it going to disappear)! I don't want to use loop to ignore this! how can I solve this…
Jack The Baker
  • 1,781
  • 1
  • 20
  • 51
1
vote
0 answers

Having a static overlay in between a slide and its description

Hello stackoverflowers ! Im writing to you right now because I've been using owl-carousel for a while now and for a specific case I need to do something I never needed before, an overlay in between a slide and its description. So for now I have my…
Stéphane DECLIPEUR
  • 19
  • 3
1
vote
2 answers

ngx-owl-carousel case of a single item which take all width

the ngx-owl-carousel items don't have css property maximising width for responsivity aim, I use the following custom options customOptions: OwlOptions = { loop: true, margin: 10, navSpeed: 700, responsive: { 0: { items: 1 }, 400: { …
Smaillns
  • 2,540
  • 1
  • 28
  • 40
1 2 3
…
22 23