- Web templates
- E-commerce Templates
- CMS & Blog Templates
- Facebook Templates
- Website Builders
JS Animated. How to manage Owl Carousel features (autoplay, navigation, pagination)
March 10, 2016
This video tutorial will show how to manage Owl Carousel features (autoplay, navigation, pagination) in JS Animated templates.
JS Animated. How to manage Owl Carousel features (autoplay, navigation, pagination)-
Locate Carousel at your site:
-
In HTML Website templates, Owl Carousel has autoplay disabled by default. In order to enable this feature, you should use data-autoplay data attribute with value set to ‘true’ in index.html file that controls page with carousel:
-
In order to display ‘Previous’/’Next’ navigation in Owl Carousel, you should use corresponding data-nav=’true’ data attribute for target carousel:
-
In order to display pagination in Owl Carousel, you should use corresponding data-dots=’true’ data attribute for target carousel:
-
Go back to your site to check Owl Carousel, you will see that autoplay, ‘Previous’/’Next’ navigation and pagination features were turned on .
Feel free to check the detailed video tutorial below:
JS Animated. How to manage Owl Carousel features (autoplay, navigation, pagination)