как я могу использовать сову карусель с Symfony 4?

Question

Я работаю над проектом Symfony, и мне нужно включить в него карусель для сов. Я добавил owl carousel с помощью этой команды "yarn add owl.carousel jquery", и я вижу плагин owl carousel в папке node_modules, но теперь я не знаю, как его использовать. Не могли бы вы помочь мне, пожалуйста?

Я использую Webpack Encore для сжатия всех файлов JavaScript и CSS.

если вы хотите увидеть, как работает карусель сов в этом: https://owlcarousel2.github.io/OwlCarousel2/

Answer 1

Так что обязательно включите в свою страницу javascript и css вашего плагина для карусели Owl

(а для этого вам нужен Jquery)

<script src="/node_modules/owl.carousel/dist/owl.carousel.min.js"></script>
<link rel="stylesheet" href="/node_modules/owl.carousel/dist/assets/owl.carousel.min.css" />

Тогда сделай свой карусель:

<div class="owl-carousel owl-theme">
  <div> Your Content </div>
  <div> Your Content </div>
  <div> Your Content </div>
  <div> Your Content </div>
  <div> Your Content </div>
  <div> Your Content </div>
  <div> Your Content </div>
</div>

А затем вызовите плагин с помощью JavaScript:

$(document).ready(function(){
  $('.owl-carousel').owlCarousel();
});