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
3
votes
1 answer

How to use owl-carousel in Angular2 with async change ng-content

I am trying to implement owl-carousel into my Angular 2 app. I followed this example How to use owl-carousel in Angular2? and it actually works well with the only problem that my items are async change (ng-content async change). By implementing the…
CristyTarantino
  • 41
  • 1
  • 7
3
votes
1 answer

Set active item in owlCarousel

I have a owl carousel with 3 items, the carousel displays one item per page. Inside each item I have html inputs. I want to programmatically change the active item so I can make focus on input inside it. Here is the initial configuration: var owl =…
anyeloamt
  • 164
  • 1
  • 2
  • 11
3
votes
1 answer

Angular Owl carousel with loop clones items out of scope

I have a directive which render a owl carousel with loop option set to true. Each item in the carousel is linked to a ng-click event. However, as loop option is true, carousel clones each item into the carousel to give a loop ilusion. These cloned…
Leo
  • 1,051
  • 2
  • 13
  • 33
3
votes
2 answers

Owl Carousel 2 - Turn off functionality for desktop

I'm building a website where I need to have touch enabled swipe functionality for mobile but then fall back to the default styling for larger screensizes. I've tried using the code below to remove the class which is passed to the OWL function but…
JackWillDavis
  • 159
  • 2
  • 4
  • 12
3
votes
2 answers

Autoplay more than one item?

If the carousel shown 4 items, to set the autoplay replaced with 4 new items. Here the demo if you click on the item pagination, you can see the effect. But if we set auto play, then change only one item? $(".owlcarousel").owlCarousel({ …
Salines
  • 5,674
  • 3
  • 25
  • 50
3
votes
2 answers

Owl Carousel 2 - caption div (img title & alt tags)

I'm looking for a way to display the img title & alt tags in a div (.image-caption). This is my code so far: owl.on('changed.owl.carousel', function(event) { var comment = $(this).find('img').attr('alt'); var title =…
Schakelen
  • 115
  • 1
  • 3
  • 9
2
votes
1 answer

Laravel9 (PHP) Latest Owl carousel 2 not displaying image on page

Hi I trying to use owl carousel from https://owlcarousel2.github.io/ but owl carousel not displaying anything. I already check the css and js. I have include all the source but still the same. And I do not know is that js and css working properly or…
apit
  • 37
  • 5
2
votes
1 answer

Owl carousel responsive owl-dots working weird

My owl carousel has a dot-data, and I just want it have a dot-data from 0px to 1024px, and from 1025px there will be no more dot-data just a dot, so I write like this, and it's just work with a owl-nav, and about an owl-dots, I have to reload the…
Thuan Nguyen Nam
  • 53
  • 4
2
votes
0 answers

why my card doesn't expand inside the carousel

I need to make my card expand when the mouse hovers over it and when the mouse leaves the card goes back to its original size, all inside a carousel. I even managed to get it to expand and go back to its original size. The problem is that when it…
user16592924
  • 21
  • 1
2
votes
1 answer

Owlcarousel 2 Resizes On Window Resize (edited)

I'm using Owlcarousel 2 but I'm getting a weird glitch. On any type of device, when a resize happend, the items in the carousel change their width to about 3 times the size. A resize is probably being triggered past a certain point on mobile, which…
Rick Scolaro
  • 485
  • 1
  • 10
  • 28
2
votes
1 answer

Owl Carousel2 image not displaying full width when using Stretch row and content, Stretch row and content(no padding) in wordpress

I am using Wordpress with a WPBakery page builder and owl Carousel2. I have to display the slider on my page. I have to display the image and text. I have 3 sliders. The code is working perfectly on the localhost without WordPress. No, I have to use…
user9437856
  • 2,360
  • 2
  • 33
  • 92
2
votes
1 answer

How to add OwlCarousel in laravel project?

Can not add OwlCarousel to laravel project properly and it doesn't work. What should I do? I copied owl.carousel.min.css and owl.theme.default.min.css and owl.carousel.min.js to owlcarousel folder that was placed in the same directory as…
Farhad Hessari
  • 35
  • 1
  • 8
2
votes
0 answers

Owl Carousel 2 not wokring with Angular 8

I'm using Angular 8 and https://www.npmjs.com/package/ngx-owl-carousel-o I'm having a problem displaying the images, instead of showing images side by side in a carousel fashion it shows them full width above each other like…
JonnyD
  • 73
  • 2
  • 9
2
votes
2 answers

Unable to use owl carousel in laravel 5.6

I'm trying to use owl carousel in laravel 5.6 I've included the following in the header and footer sections of the layout template layouts/app.blade.php
user6780526
2
votes
1 answer

Replace current items using Owl Carousel 2

How is it possible to replace/rebuild owl carousel items with a new one? Description In many cases, like when you are getting new data from a database you would to add new data in your carousel, but in this example I try to replace all items with a…
Pedram
  • 15,766
  • 10
  • 44
  • 73
1 2 3
…
22 23