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
0 answers

Owl carousal first slide video once finished then start the remaining slider images autoplay

My problem is owl carousal using home slider, images and including video also. So we need first slider it's video playing, video time duration is (60sec+). Once finish this video slider, then automatically start the remaining slider images. Script…
kiddo
  • 11
  • 1
1
vote
2 answers

How to rotate Owl Carousel vertically?

I have product Owl Carousel slider in my website. This is a simple link for the product page. I want the slider to be vertical Product Page I've tried a few suggestions which were listed as a similar problem in here but I am not able to find a…
Serco33
  • 23
  • 1
  • 4
1
vote
0 answers

if there's more than 5 item in the carousel, to make loop = true else make loop = false

I have an owl carousel slider with items, the functionality is if there are more than 5 items in the carousel, to make loop = true autoplay = true else make loop = false. autoplay = false $(document).ready(function() { …
DEBANSHU MALLICK
  • 13
  • 5
1
vote
3 answers

white space between images in owl carousel 2

I am trying simple slider in owl carousel but there's space between images. How to remove space between images in owl- carousel 2? I tried to increase items but it removes the arrow button. In mobile view, space is even more between two images.…
Krishnapriya Prasannan
  • 15
  • 1
  • 6
1
vote
1 answer

e.owlCarousel is not a function after yarn encore production on linux host

I have symfony 4 app with webpack-encore and yarn. And seems that won't build correctly on linux host but works fine after bulding on macos Here is part of my app.js styles... const $ =…
Vitalii Harbulinskyi
  • 41
  • 4
1
vote
2 answers

How to fix Owl-Carousel loop issue?

I am creating a carousel with infinite loop in my website by using Owl-Carousel 2 but whatever I've tried, I could not make the carousel work. The carousel always moves little bit and comes back, it kind of stuck. I have tried without loop and…
Tncmk
  • 159
  • 1
  • 3
  • 17
1
vote
0 answers

glitchy owl carousel setup

I'm setting up a synced owl slider, meaning 2 sliders (both with 5 slides/items), with an additional nav "#homecustomnav" (prev/next arrows) positioned to the left and right of "#homeslidernav". Hope that makes sense.. There are 2 issues I'm…
Sanghe108
  • 11
  • 2
1
vote
1 answer

OwlCarousel 2 slideBy not working with touch and mouse drag

I using OwlCarousel 2.3.4 and want to use slideBy option to slide items by 2, but this future only work with dots or nav not slide or mouse drag. What I trying to achieve is, slide carousel by 2 items when you touch or drag, but it only work when…
Jack The Baker
  • 1,781
  • 1
  • 20
  • 51
1
vote
1 answer

How to use one SVG file in page more than one time

I have simple owl carousel -
1
vote
6 answers

Owl Carousel 2 Custom Dots Not Clickable

I'm using Owl Carousel 2 and trying to make custom dots with text. The custom dots show up but nothing happens when you click them. I.e. when you click a dot it doesn't jump back to the appropriate slide, it just does nothing. How can I get the…
Mia
  • 233
  • 4
  • 19
1
vote
4 answers

OwlCarousel2 shows blank slides while every other HTML tags are showing up fine

I have been trying to fix it out but haven't got any solution that may help. I have been following the official installation docs. My Owlcarousel2 version is 2.3.4, I have tried other versions, all are same. OwlCarousel old is working fine but…
Muhammad Abdullah Khan
  • 80
  • 9
1
vote
2 answers

How can I get the index of prev and next item in OwlCarousel2?

How can I get the index of the next and prev items in OwlCarousel for setting background images for the next and prev buttons? I made the basic variant of carousel. $('.cat-slides').owlCarousel({ items: 1, center: true, loop: true, …
pta
  • 87
  • 2
  • 7
1
vote
2 answers

Having Trouble with Owl Carousel Width in initial load

I am working on owl-carousel. Currently I have a problem that my slider width is acting really bad. When I load/refresh the website, owl-carousel has some value in width, but a part of the next slide is visible (I want to avoid that). At the same…
Ramesh
  • 2,297
  • 2
  • 20
  • 42
1
vote
0 answers

Owl Carousel Item not expanding to full Screen with transitions on click

I want to build something like this: Link from Dribbble I am trying to make an item from the slider expand to full screen like on the video on the link. I have tried using css transitions but they expand inside owl carousel slider and not outside…
Asdalud
  • 149
  • 9
1
vote
2 answers

Owl Carousel loop last item back to first item

I am using owl carousel v2.2.0 for a list of projects on my website. After the carousel scrolls to the last item it stays there. I would like it to loop back to the first item and keep looping instead of stopping at last item. I tried changing loop:…
Max
  • 156
  • 1
  • 8
1 2 3
…
22 23