Carousel

You can alter carousel look and behaviour via flexible data API data-owl-carousel = {}:

  • "items": 1 How many items to display
  • "nav": true/false Enable/disable control arrows
  • "dots": true/false Enable/disable dots control
  • "loop": true/false Enable/disable infinite loop
  • "autoplay": true/false Enable/disable automatic slides transition
  • "autoplayTimeout": 3000 Timeou between transition. Value in ms | 1000ms = 1s
  • "margin": 30 Space between carousel items (in px)
  • "autoHeight": true/false Enable/disable smooth height transition. If items have different height
  • "responsive": {"0": {"items": 1}, "768": {"items": 2}, ...} How many items to display on each screen size
One Item + Arrows + Dots Outside + Loop

One Item + Arrows + Dots Inside + No Loop

Multiple Items + Dots + Loop + Autoplay