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

jQuery right textbox value are not getting on submitdata

I am using two jQuery plugin for my project. Owl Carusel Jeditable In my example, I have four image slides and every image slider I have added comment section for image. For comment I have used Jeditable plugin for inline commenting. Here is my…
Mr.Happy
  • 2,639
  • 9
  • 40
  • 73
2
votes
0 answers

How do I get the ID of the current element(s) visible with Owl Carousel v2?

How do I get the ID of the current element(s) visible with Owl Carousel v2? $('.owl-carousel').on('dragged.owl.carousel', function(e) { // get id; only one slide visible in this case });
Caleb Pitman
  • 1,105
  • 1
  • 12
  • 24
2
votes
3 answers

Owl carousel 2 cloned item click events not firing

I'm currently using Owl Carousel 2.0.0-beta.2.4 in development to keep the carousel centered and loop the items which works nicely. For some reason the cloned items that Owl generates when setting loop: true doesn't seem to fire on click. You will…
ui-matt
  • 394
  • 2
  • 5
  • 15
2
votes
1 answer

How do jsonEncode owl carousel 2 responsive config

case 'carousel': return $helper->jsonEncode(array( 'dots' => (bool) $this->getData('paging'), 'autoPlay' => is_numeric($this->getData('autoplay')) ? true : false, 'autoplayTimeout' =>…
Typo
  • 23
  • 4
2
votes
1 answer

Owl Carousel 2 - can't change slide on hover

I already tried to swap the functions on owl.carousel.js but it only works when the mouse moves. var Autoplay = function(scope) { this.core = scope; this.core.options = $.extend({}, Autoplay.Defaults, this.core.options); this.handlers = { …
IhaveABadGirl
  • 23
  • 3
2
votes
1 answer

Owl Carousel 2 - hide custom nav (if 1 item)

I'm looking for a way to hide the Owl Carousel custom navigation, and to stop the "loop" functionality if there is only one item. $('.owl-carousel').owlCarousel({ loop: true, items: 1, }); owl =…
Schakelen
  • 115
  • 1
  • 3
  • 9
2
votes
1 answer

Owl carousel 100% height

I have a little problem with owl carousel 2, This is the old version of my site, http://lukaszradwan.com/pl/ please take a look at the main slider. This is not owl carousel, I don't know what it is but it works fine (height is set to 100%) - and…
Lukas
  • 159
  • 2
  • 4
  • 18
1
vote
2 answers

When I use OwlCarousel nothing is displayed

I want to use OwlCarousel and I used both the js and css files that are inside the OwlCarousel website and the cdnjs files, but when I add the files, nothing happens. Can you please help me, where is the problem with my code? I also followed a…
MeriJ
  • 23
  • 2
1
vote
0 answers

jest owl carousel declaration exception: Cannot read property 'fn' of undefined

I am using owl.carousel package in my application and testing it using jest my file is running fine but when i run the test case i get the following error my code file › encountered a declaration exception test case error on require file …
ash1102
  • 409
  • 4
  • 20
1
vote
1 answer

Owl Carousel ignoring cover property

I am using OwlCarousel 2.3.4 and I have the carousel working but it seems to be ignoring the coverproperty set in my CSS so it is displaying all images side by side rather than as a cover. I have created a CodePen with my code (I have removed most…
Luke
  • 603
  • 2
  • 11
  • 35
1
vote
2 answers

Owl carousel checks item count for doing something

I have an owl carousel and I want to write a function which can check whether the number of items is equal to 1 and then disable corresponding navigation arrows. Please help me do, this is what I tried (a function which will show number of items in…
Agata
  • 362
  • 3
  • 13
1
vote
1 answer

Using two (owl) carousel on a single page is not working

I am trying to use two owl carousels on my page but I can't. Gif: https://gyazo.com/51620bc2fa6183bdcaab511632e1eb57 The first one is working perfectly (the one in the top on the gif) but the second one (the one below on the gif) is not working. It…
Rodrigo
  • 13
  • 4
1
vote
0 answers

Why does my Owl carousel not work properly on Laravel 8?

I am trying to add an owl carousel in my project in Laravel 8, but it isn't working properly, it is displaying large pictures vertically, in columns, full screen width. I've been stuck for a while now. I think somehow it doesn't read the jquery…
Razvan Adrian Prata
  • 21
  • 2
1
vote
0 answers

How can I stop replication in owl carousel slider?

I'm working on owl carousel slider & I have to set max 5 items in a time. This is working fine when this is 5 items & more than 5 items but when there is less than 5 items then items repeating, how can I fixed it. When there is less than 5 items…
Rohit Verma
  • 3,657
  • 7
  • 37
  • 75
1
vote
1 answer

Disabling OwlCarousel at previous to last element

I want to display items using OwlCarousel, I have 12 items, and I use stagePadding, so you can always see a small portion of the next and the previous item. jQuery(document).ready(function() { jQuery('#matching_carousel').owlCarousel({ …
tim
  • 9,896
  • 20
  • 81
  • 137
1 2 3
…
22 23