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

joomla based owl Carousel

We have a Joomla based school website, we have a owl carousel at the bottom that scrolls along. I would like to make the images contained links to their to websites. I've looked everywhere to find where the code for the owl carousel is but i cant…
Nathan
  • 2,461
  • 4
  • 37
  • 48
0
votes
1 answer

Owl Carousel 2 pagenation titles not in order

I'm making a image slider using Owl Carousel 2 and I have it all working but I'm currently trying to add text pagination to the controls for the slider. I added the title attribute to the HTML on the images and used javascript to populate the…
Brandy
  • 544
  • 2
  • 11
  • 30
0
votes
0 answers

Owl Carousel Video Preloading

I have a complex custom Owl Carousel here which has 27 slides, within which there are around 25 MP4 videos (approx 2Mb in size each). The videos are locally stored, HTML5 tags and have preload="auto" in there. My problem is heavy stuttering due to…
Graham
  • 162
  • 1
  • 16
0
votes
0 answers

owl carousel 2 top value (element-style) always 24px

I use owl carousel 2 on different pages. I used the same css and js everywhere. For some reason, when I load my page, the nav-buttons (prev and next) always get the inline-style top-value of 24px. I never declared a top-value of 24px anywhere in my…
Daniel
  • 525
  • 3
  • 10
0
votes
3 answers

How do you access the current properties of an OwlCarousel?

I need to get the current number of items shown in an OwlCarousel. eg: the number that is set with the {items: n} setting. In this case using the responsive directive. { items: 4, responsive: { 720: { items: 3 }, 320: { …
Queenvictoria
  • 371
  • 5
  • 19
0
votes
3 answers

Owl Carousel - Auto Height mobile issue

This is the page in question: http://k2ld.91dev.com.au/project/balwyn-residence/ The carousel uses autoheight:true. On certain mobile browsers including Dolphin, iPhone, Google Nexus 4 (when viewed in Chrome Dev Tools), the .owl-wrapper-outer…
gurtfrobe
  • 316
  • 6
  • 17
0
votes
0 answers

Owl Carousel 2 Random?

http://owlgraphic.com/owlcarousel/demos/randomOrder.html How can I do the same thing with owl carousel 2 ? http://www.owlcarousel.owlgraphic.com/ Now did the upgrade and can not figure out how to do random,and this old carousel stopped working…
del mar
  • 91
  • 1
  • 3
-1
votes
1 answer

How to start the progress bar animation from left to right in owl carousel 2

I am using Owl carosual2 with the progress bar. I refer this question How to create progress bar for Owl Carousel 2? and the accepted answer is working. My code is here . Now What I am doing is, I don't want to display the progress bar 100%. I…
Naren Verma
  • 2,205
  • 5
  • 38
  • 95
-1
votes
1 answer

Change item counts in different sizes in owl carousel 2

Im using owl-Carousel 2 . I want to change Items Count in different media Queries . Im also using Bootstrap ( if it helps with special attrs from html BS )
misagh ahmadi
  • 79
  • 1
  • 12
-1
votes
1 answer

Owl Carousel 2 - how can I get Left and Right Arrows outside the slideshow?

Finally trying to learn responsive design and needed a slideshow. I was able to easily get Owl Carousel up and running on one page and love it (right above footer on test page): http://cismiami.org/new.html I'd like to tweak the slideshow to use for…
dmwhipp
  • 11
  • 3
-1
votes
2 answers

Add 'Active' class to URL Hash Navigation button

https://owlcarousel2.github.io/OwlCarousel2/demos/urlhashnav.html How can I add 'active' class to the buttons? Currently buttons have a button.secondary:hover & button.secondary:focus to create a button background color change. This is fine, except…
Twentyfourten
  • 1
  • 1
  • 1
-1
votes
1 answer

How to use two different versions of Owl Carousel in same page?

I want to use owl carousel beta version and stable version together on a page. Is there a way?
Waqar Imtiaz
  • 95
  • 3
1 2 3
…
22
23