Check slider documentation here
You can call it with the following script:
1 2 |
<script src="assets/js/owl.carousel/owl.carousel.min.js"></script> <script src="assets/js/owl.carousel/init.js"></script |
And HTML markup:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<section class="ct-js-owl ct-owl--type3" data-height="765" data-items="1" data-autoPlay="true" data-pagination="false" data-navigation="true" data-autoHeight="true" data-animation="true" data-snap-ignore="true"> <div class="item" data-bg="assets/images/demo-content/photodune-735770-joy-and-freedom-m.jpg"> <div class="item-inner"> [content] </div> </div> <div class="item" data-bg="assets/images/demo-content/photodune-735770-joy-and-freedom-m.jpg"> <div class="item-inner"> [content] </div> </div> </section> |