This Joomla! Custom Field Plugin shows images from a selected folder in an "Owl Carousel". In this tutorial, I'll explain to you, how to build your own "Custom Field Plugin".
Page 5 of 7
media/js/ and media/css
To make the whole thing work we have to include the required "Owl Carousel" scripts and stylesheets.
You can download the whole .zip package at:
https://owlcarousel2.github.io/OwlCarousel2/
in the dist/css folder we find the following files:
- owl.carousel.css
- owl.carousel.min.css
- owl.theme.default.css
- owl.theme.default.min.css
We copy these files into the folder: owlimg/media/css
In the dist folder we find the following script files:
- owl.carousel.js
- owl.carousel.min.js
We copy these files into the folder: owlimg/media/js
Additionally, there is a special animation file, the animate.min.css file.
You will find this at https://daneden.github.io/animate.css/
Please also copy this files into the folder: owlimg/media/css
