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

owl carousel vertical and horizontal with the same height

I am trying to make a carousel with owl carousel with vertical and horizontal images, I would like to have the same height for both type of images and the width auto. I don't understand if I can achieve this only with the css or I need to use js to…
mattia
  • 591
  • 2
  • 7
  • 22
0
votes
1 answer

owl.carousel help - Not showing enything

First time working with owl.carouse, and i cant seem to get it to work. My html setup is this. And i want the PakWrapper to be the slide items. So i get 3 product li inside.
Patrick Knudsen
  • 281
  • 1
  • 3
  • 12
0
votes
1 answer

"Call the initializer function" in Gem Docs

I am a newbie, working through a coding bootcamp and fighting my way through one of the "do it on your own" challenges. I keep seeing in these gem docs on github things like "don't forget to initialize!" stuffs and the one I specifically want to…
bwatson30
  • 263
  • 1
  • 3
  • 12
0
votes
1 answer

Use owlcarousel to slide collage image

I am making a slider of several collages of images with the plugin named owlcarousel. The collage is displayed correctly when I have not yet reduced the screen on google chrome, opera and safari. Once the screen is small, the display is completely…
Lei Lionel
  • 1,263
  • 13
  • 20
0
votes
1 answer

Owl slider not working below 768 px width

i´m in trouble with getting the owl_slider extension (2.3.3 via TER on typo3 7.6.2) to work properly. I managed to get the slider working but when i change the browser width below 768 pixel my header and footer images are displayed way too big and…
Marc Pole
  • 29
  • 7
0
votes
1 answer

Create a collage for a carousel made with owlcarousel

I am using a plugin called owlcarousel to create a carousel. The carousel and the collage have been made. The work has been tested on Google Chrome, Safari, Opera andd Firefox. Everything works fine for all of them except Firefox. When the carousel…
Lei Lionel
  • 1,263
  • 13
  • 20
0
votes
1 answer

Slider with owlcarousel

Im working on a project and I got to a part where I have to realize a slider. As Im not good in JavaScript, I decided to use a plugin named owlcarousel. The problem I am facing is about the size of the container of the various items. Im unable to…
Lei Lionel
  • 1,263
  • 13
  • 20
0
votes
1 answer

initiate owl carousel on dynamically added div

I have a db containing movie info. Now i want to search through this db with a button click. When clicked, an array of search terms must be searched and returned to the view. This all goes according to plan, but now i want to display them…
jangtrektang
  • 17
  • 2
  • 8
0
votes
0 answers

Make 100% video height in Owl Carousel

I have an Owl Carousel able to mix video and images... Something like this: http://codepen.io/anon/pen/WwoJPB?editors=1010 $('.owl-carousel').owlCarousel({ video: true, videoWidth: 100, videoHeight: 100, I would like, however, that the…
serge
  • 13,940
  • 35
  • 121
  • 205
0
votes
1 answer

Carousel Owl 2: Trouble Animating Captions

I am having trouble animating my captions in owl carousel 2. This is what I have so far: $(document).ready(function() { $("#slider").owlCarousel({ margin:0, autoplay : true, lazyLoad : true, items : 1, autoHeight :…
Pabi
  • 946
  • 3
  • 16
  • 47
0
votes
2 answers

Owl carousel - Synced Owls - big images

I need help for owl carousel - synced owls. I want to use it in left column. but i can't hide other big imagesexcept main big image. It is overflow on right column and outside the container. Other thing is how can i make it auto change images ? I…
erenesto
  • 197
  • 1
  • 11
0
votes
1 answer

add active class to owl-item in owl carousel

I'm using owl carousel as a thumbnail viewer and trying to add an active class to "owl-item". I Have tried afterAction and afterInit as per the owl carousel docs, both add an active class to the first item but none of the others when…
DHewitt666
  • 1
  • 1
  • 4
0
votes
1 answer

Keep Grid Structure in Owl Carousel

I am using Foundation 6 and the block grid structure to display some PDF downloads(screenshots). 6 on a page, 2 rows of 3 columns. I've hooked the code up to Owl Carousel but, this places all 6 columns into a single row. Is there a way to stop this…
Huw Rowlands
  • 393
  • 3
  • 16
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
0
votes
1 answer

owl carousel not working. already added a js library

Hi i have this owl carousel in my site, my problem is i already loaded the owl carousel js library and it seems not working dont know what the problem is. Here is my code below
php dev
  • 173
  • 11