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
4
votes
2 answers

Owl Carousel 2 sets itself to display none

im trying to get owl carousel 2 to work on my php site. I have used the exact same code on an Anguler site, besides the function of course. So This should work. Here is my script and links jQuery(document).ready(function(){ …
Sam R
  • 143
  • 1
  • 2
  • 9
4
votes
3 answers

Owl Carousel, show child absolute div, over parent overflow hidden div

I am using owl carousel 2, I am facing following problem. I have parent div with a name owl-stage-outer, it has overflow:hidden as per requirement of the carousel. I have another child div name: ribbon (showing 'New Arrival' and 'Big Sale') which is…
xaid
  • 716
  • 1
  • 7
  • 18
4
votes
3 answers

owl-carousel 2 chrome blanks pictures when dragging

Set up a test page to try out owl.carousel.2.0.0-beta.2.4 and it works nicely in IE but in Chrome (Win10) it has issues with images disappearing when you click and drag. I can't tell that there's any specific method to which ones disappear. When you…
Joe Ingold
  • 41
  • 1
  • 5
3
votes
1 answer

Owl Carousel 2: Add title, click and move to item accordingly

I'm using Owl Carousel 2, center. I need help for something as shown on picture. Basically I have 6 items, 2 of them under same category Title 1: 1 and 1a Title 2: 2 and 2a Title 3: 3 and 3a When click on "Title 1", it will move to 1, but not 1a,…
Evelyn
  • 656
  • 7
  • 29
3
votes
1 answer

why my owl carousel items are sorted vertical not horizontal?

i want to ask, i have a problem in my owl carousel. I want to make a center drag slider with the owl carousel, when I've made the code, the items are vertical not horizontal. what's wrong? I've also included a Codepen Is the owl carousel not…
user14174262
3
votes
1 answer

vue-owl-carousel not working with dynamic data

I tried this code with manual data and it worked perfectly, now I'm pulling data from the database to the carousel but it just loads all the images unto the page without sliding through them. this is my code
Benjiro
  • 101
  • 2
  • 14
3
votes
1 answer

OwlCarousel2 animated dots onChange

I would like to make dots in owl-carousel animated like progress bar for each item of carousel, I am using simple jQuery function for animated, which is called onChange event. But problem is, that function is called before HTML structure is…
kores59
  • 443
  • 1
  • 5
  • 16
3
votes
3 answers

Owl-Carousel2 - set dotsData

I need to set custom dots in owl carousel. I have this code in JS: $(document).ready(function() { $('#header-slider').owlCarousel({ loop: true, autoplay: true, autoplayTimeout: 2300, pagination: false, navigation: true, …
kores59
  • 443
  • 1
  • 5
  • 16
3
votes
3 answers

Owl Carousel 2 Responsive image

There are some topics in this case, but after tried all way, no success. I am trying to make image responsive in owl carousel 2 plugin, I used responsive option in plugin option and I have control on number of item on desire resolution but in some…
Jack The Baker
  • 1,781
  • 1
  • 20
  • 51
3
votes
4 answers

angular 2 owlCarousel is not a function

I'm trying to use owlcarousel 2 along with angular 4. I have the following setup: .angular-cli.json: "scripts": ["../node_modules/jquery/dist/jquery.js", "../node_modules/tether/dist/js/tether.js", …
Ishan Khare
  • 1,745
  • 4
  • 28
  • 59
3
votes
2 answers

How to use owl carousel options in React Owl Carousel?

I am new to React JS. I have tried to use owl carousel in React. The package link I installed from npm is https://www.npmjs.com/package/react-owl-carousel As instructed I have imported Owl Carousel component on specific page. Here is the…
Swapna
  • 843
  • 3
  • 10
  • 22
3
votes
1 answer

The clicked item should be in center in owl carousel

$(".owl-carousel").owlCarousel({ margin:10, dots:false, nav:true, responsive:{ 0:{ items:1 }, 600:{ items:3 }, 1000:{ items:5 } } }); The Above…
Crock
  • 163
  • 2
  • 9
3
votes
4 answers

Reload Owl Carousel 2 when side navigation opens or closes

I am working on a website, and it is built off a theme. In the body of the site is structured to have a left-panel div which houses the navigation and a right-panel div which houses the body content. When the left-panel opens from a collapsed view…
Ishio
  • 755
  • 2
  • 9
  • 29
3
votes
1 answer

HTML5 Video in Owl Carousel with circular autoplay video and carosel

The below code is working fine for circular video and carousel auto play, but problem is that when changing the browser window tab and after some time coming back, this tab video is stuck and my circular stops. var owl =…
Ashish Mehta
  • 7,226
  • 4
  • 25
  • 52
3
votes
1 answer

owlcarousel2 infinite loop and navigation

I have an owl carousel with navigation that works with autoplay but breaks when I turn on the infinite loop because it messes up the index. With loop off the indexes go from 0-3, with the loop on they go from 4-7, but then start overlapping when I…
Arthur
  • 2,622
  • 4
  • 28
  • 46
1 2
3
…
22 23