Stack Overflow
Stack Overflow

Questions tagged [owl-carousel]

Owl Carousel is a touch-enabled jQuery plugin that lets you create a beautiful responsive carousel slider.

Version 2

Version 1

1693 questions
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

OwlCarousel2 stage padding magnific popup issue

I am using the owlcarousel2 plugin, and when clicking on an item I launch a magnificpopup instance. I make use of stage padding on the carousel, which is an option to add padding left and right so that the first and last images are partly…
DavidB
  • 2,566
  • 3
  • 33
  • 63
0
votes
2 answers

Owl Carousel template not working in Rails

So I'm a bit of a newbie in Rails, but I've been trying to convert a template for an e-commerce site I'm trying to build for a project between my friend and I. A demo of the site can be found here:…
MAIKI RAINTON
  • 1
0
votes
1 answer

Owl carousel not looping

Having what seems like a very basic problem but can't figure out what I'm doing wrong, I'm building an owl carousel and can't get it to loop. I am on the newest version 2.0.0-beta.2.4. My plugin configuration is: $(document).ready(function() { …
kawnah
  • 3,204
  • 8
  • 53
  • 103
0
votes
0 answers

Owl Carousel Items stacking one on each other

I've got problem with Owl Carousel on my site. I'm using php to generate module that display news board. I wanted them inside carousel, but div "owl items" started to stack on each other. IDK What to do. I've tried even just HTML, but to no avail,…
Fadlan
  • 51
  • 6
0
votes
1 answer

Showing multiple images with Owl carousel outside container

I am using Owl Carousel plugin to show 4 thumbnails in a row container (with Bootstrap). How do I show more thumbnails outside the container without changing 4 thumbnails inside container? I have seen this effect on a couple of websites, sadly I…
Ivan Topić
  • 3,064
  • 6
  • 34
  • 47
0
votes
1 answer

Owl Slider Custom Control Button

Unfortunately the controls that Owl Carousel render will not help me with my current project so I am trying to change a slide with a jQuery click event however I am having no luck. I have been following the documentation on the Owl Carousel…
Nick Maddren
  • 583
  • 2
  • 7
  • 19
0
votes
1 answer

Sticky navigation and carousel lag in WebKit on scroll

This is the site I am working on: Click here - Home Page Scroll Issue. I am using Foundation 5, a sticky scrollbar and Owl Carousel (I have tried using Slick carousel and the result is the same). The issue I'm experiencing is that whenever I scroll…
Barzev
  • 402
  • 3
  • 14
0
votes
3 answers

Placing a div sibiling in the vertical center of another div

I'm creating a slide on a site that uses bootstrap 4 and owl carousel 2. Do I need to put the navigation on the slide, how do this, see my code below: NOTE: I need to make navigation within a container not to get 100% of the width of the…
Angelo Merlo
  • 427
  • 1
  • 5
  • 12
0
votes
2 answers

How to add random animation effect in owl carousel?

This is my code and effect to the owl carousel $(document).ready(function(){ $(".owl-carousel").owlCarousel({ autoplay:true, autoplayTimeout:2000, autoplayHoverPause:true, dots:…
Niroj Adhikary
  • 1,775
  • 18
  • 30
0
votes
2 answers

Owl carousel non existant

Ive tried a number of ways of re-aranging my code in my js files, re-aranging by scripts and a number of other things that I found on here, but unfortunately it still isnt working. I have no clue what to do anymore. …
Jordan Custodio
  • 11
  • 1
0
votes
2 answers

carousel transition animation on title

In this demo you can see the carousel with the transition effect on the title when it appears. The problem is that these transition also take place when the title disappear so there's so delay time where you can see a title even if it's not on the…
michel lompret
  • 317
  • 4
  • 17
0
votes
2 answers

animate owl carousel slide to move from bottom to top

We can make the slide to go from right to left in Owl carousel using the following: $('.owl-carousel').owlCarousel({ rtl:true, loop:true, margin:10, nav:true, }); Is there a way to make the slide go from bottom to top?
Daljeet Dhaliwal
  • 223
  • 1
  • 2
  • 7
0
votes
1 answer

Owl Carousel cutting div

I have a little problem. I using OwlCarousel 2 to make 'testimonial rotator/slider', but it looks like that: But I need somethink like this - the image is cutted on top: I packed 'box' in one more div, but it's not fix it. Here is my HTML:
…
Damian
  • 525
  • 2
  • 11
  • 24
0
votes
1 answer

Owl Carousel 2 animation not work

I have followed this instructions, but the slider not do the fadeOut and fadeIn animation: http://www.owlcarousel.owlgraphic.com/demos/animate.html Head Css:
Funny Frontend
  • 3,807
  • 11
  • 37
  • 56
1 2 3
…
99 100