I just want to say a big thank you for helping this newbie out!
I am using this 'Owl Carousel' product slider twice in my website but I can't seem to create a 'on page load stop auto advance'. I can't edit the remote JS file which I think is causing me problems. The latest version of the carousel is here. I know this question is very similar to this question here using this $(document).ready(function() {$('.carousel').carousel('pause');}); but where do I put it as its a remote file? Thanks in advance!
Asked
Active
Viewed 82 times
0
Simone Kimber
- 13
- 6
-
Use the Owl Carousel API and pass the autoPlay option with the value false as the documentation states. – Randy Casburn Feb 22 '18 at 02:46
1 Answers
0
Almost all third party things like this come with some way to configure them. There usually is also an API that allows you to control the functionality. The source of these types of answers are usually with the documentation of the thing.
In this case, there is an example that shows you how to use the autoplay configuration here:
https://owlcarousel2.github.io/OwlCarousel2/demos/autoplay.html
Randy Casburn
- 13,840
- 1
- 16
- 31
-
Thank you for all your answers! I checked the default values were all set to auto-play false. Had another pair of eyes cast over my code and I had this piece of code in my html (data-ride="carousel") that made the auto play true!! Wasn't the JS after all! – Simone Kimber Feb 23 '18 at 02:26
-