There are three available types of slider. You can use it with the following variations:
- ct-owl–type1
- ct-owl–type2
- ct-owl–type3
Use the simple HTML markup:
1 2 3 4 5 6 7 8 9 10 11 12 13 |
div class="ct-js-owl ct-owl--type1" data-items="1" data-autoPlay="true" data-pagination="false" data-navigation="true" data-autoHeight="true"> <div class="item"> [content] </div> <div class="item"> [content] </div> </div> |
Don’t forget to include on the page the following javascripts:
1 2 |
<script src="assets/js/owl.carousel/owl.carousel.min.js"></script> <script src="assets/js/owl.carousel/init.js"></script> |