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

how to use owl carousel sync with RTL direction

i want to use owl carousel sync with RTL direction but not working i wrote following style to fixed this problem bug my sync owl carousel not working : .owl-carousel .owl-item{ float: right !important; } what to do now?
Omid Nikrah
  • 2,444
  • 3
  • 15
  • 30
0
votes
2 answers

Meteor - Dynamic page with Owl carousel 2 , after refresh the page , the Owl carousel will break

I'm having the displaying problem with jquery OwlCarousel2, all of data contexts is sent by Iron-router into the template. sometimes the UI works normally sometimes does not working. if I ever try to refresh the page , the Carousel will be…
Chun Pin Chen
  • 433
  • 1
  • 3
  • 11
0
votes
1 answer

Carousel is responsive in IE11 but not in Edge or Chrome

Any reason why a carousel is not responsive in Edge or Chrome but it is still responsive in IE11. On its own the carousel follows responsive design and reacts to changes of the windows size. As soon as a banner is placed above the carousel both the…
kbn
  • 1
  • 1
0
votes
0 answers

Carousel first issues in first load

i have a problem with carousel image banner slider. In first load my page is looks like this Looks there are three consecutive images when i load page (those images should be banner slide). But after a moments (less than a second) three images are…
Jais Anasrulloh Ja'fari
  • 677
  • 9
  • 32
0
votes
1 answer

Owl carousel autoplay direction

I am using owl carousel and I believe there are some bugs in "autoplay" parameter. According to the sample below, you will see that the animation is going to the opposite side. But when we resize the window it goes to the right direction. And the…
alysonsm
  • 1,465
  • 1
  • 12
  • 16
0
votes
1 answer

Owl Carousel 2 dynamically add videos

I'm trying dynamically add Owl Carousel videos to my site, but I ran into a problem; Videos appear on the page but when I try to play them console says TypeError: video is undefined width = video.width || '100%' I've tried to follow…
mpak
  • 2,458
  • 2
  • 13
  • 19
0
votes
1 answer

Trigger not working properly in multiple with nested owl carousel

When i mouse hover on .product-slider li.product then image slider is start autopay and mouse leave then autoplay stop. This is working fine but effect in both slider product-slider and product image slider. We need to only effect autoplay,…
PressLayouts
  • 3
  • 4
0
votes
1 answer

Owl Carousel 2 mousewheel slider

Is there an option to scroll only one of the owl-carousel sliders on mousewheel? When i click the prev or next btn it's slides only the current carousel but on mousewheel slides all! HTML
item …
dimitar
  • 1,019
  • 13
  • 19
0
votes
1 answer

Blank frame/item in Owl Carousel 2 loop

I am using owl carousel 2 on home page of https://staging.thomasfarms.kitchen/ to show four slides. The loop option is set to true. The problem is happening on touch based devices (iphone/safari browser in my experience) where a slide items randomly…
ramin
  • 157
  • 15
0
votes
2 answers

Remove empty space between items during transition

I'm using Owl Carousel to create a slideshow. When I use the same background color for all carousel items an empty space is displayed during the transition between items. This issue only occurs using Chrome browser. Please see an example with the…
Danilo Formagio
  • 189
  • 1
  • 1
  • 7
0
votes
1 answer

Disable certain Owl carousel slides

I've set up an Own carousel and created a certain amount of slides from the JSON file I have: $.getJSON("url", function(data) { var slides = data["data"]; for (var i = 0; i < slides.length; i++) { var slide = "..."; …
sdvnksv
  • 9,350
  • 18
  • 56
  • 108
0
votes
1 answer

Run a JQuery Functions after another completes

I have two JQuery functions one to display the Fancybox and second one to create the owl-carousel, I want the awl carousel function to run after the fancybox function runs. $(document).ready(function() { $(".fancybox1").fancybox({ …
Sundar Raman Ganesh
  • 1
0
votes
1 answer

Owl carousel 2 not showing up

I have set up everything correctly (at least I think so) but the owl carousel will not show up/load. Any help? Thanks in advance. Here's my HTML:
Jack Sewell
  • 7
  • 2
  • 9
0
votes
0 answers

change owl carousel 2.0.0 items after ajax call? (reinitialize)

I have thumbnail pictures of projects that is loaded dynamically on click. This is the jQuery I have: $.ajax({ url: '/project/show/', type: 'POST', data: {_token: CSRF_TOKEN, id: id}, dataType: 'JSON', success: function (data)…
Arman Momeni
  • 650
  • 1
  • 9
  • 27
0
votes
1 answer

Want to update the slider in owl.carousel.2.0.0-beta.2.4

I have created a slider using owl carausel in which i add border and myClass to first active element of slider. its work fine. but now i want to update in owl.carousel.2.0.0-beta.2.4 but some functions are deprecated like afterMove, so i didn't find…
Tarnjeet Singh
  • 846
  • 1
  • 11
  • 30
1 2 3
…
22 23