Zum Hauptinhalt springen

Tutorial: Erstelle ein eigenes Custom Field Plugin - Media Dateien

Geschrieben von Elisa Foltyn

Dieses Joomla! Custom Field Plugin zeigt Bilder aus einem ausgewählten Ordner in einem "Owl Carousel" an. In diesem Tutorial erkläre ich dir wie du ein solches "Eigenes Feld Plugin" selbst bauen kannst. 
Seite 5 von 7

media/js/ und media/css

Damit das Joomla! Custom Field "Owl Carousel" funktioniert, müssen wir die dafür notwendigen Javascript und Styledateien einbinden.

Dazu laden wir auf der Webseite von Owl Carousel unter
https://owlcarousel2.github.io/OwlCarousel2/

das .zip Paket herunter.

im Ordner dist/css finden wir folgende Dateien:

  • owl.carousel.css
  • owl.carousel.min.css
  • owl.theme.default.css
  • owl.theme.default.min.css

Wir kopieren diese in den Ordner: owlimg/media/css

Im Ordner dist liegen die Javascript Dateien

  • owl.carousel.js
  • owl.carousel.min.js

Wir kopieren diese in den Ordner: owlimg/media/js

Weiterhin gibt es noch eine besondere Animationsdatei, animate.css. 

Diese findest du unter: https://daneden.github.io/animate.css/

Kopiere diese auch in den Ordner: owlimg/media/css

Wird Zeit, dass wir uns kennenlernen!