Over owl.carousel.js

Owl Carousel is een jQuery-plugin waarmee je mooie foto-sliders kunt maken. Het is geen zwaar pakket, de benodige code is (naast jQuery) minder dan 70 kB.

de mogelijkheden zijn bijna eindeloos. Dat maakt het lastig om er je weg in te vinden. Gelukkig is er een aantal uitgewerkte voorbeelden, mét code, wat het allemaal wat gemakkelijker maakt.

Het lichtgewicht karakter van Owl Carousel komt tot uiting in de benodigde versie van jQuery: 1.8.3. Veel van de opties zijn dus ook beschikbaar in oudere versies van Internet Explorer en andere browsers.

Owl Carousel is ontwikkeld om te werken met jQuery en Zepto. Dat laatste is een pakket dat sterk lijkt op jQuery, maar dan zonder allerhande toeters en bellen, waardoor het veel lichter is dan jQuery.

Owl Carousel is gratis te gebruiken. Je kunt het downloaden van de OWL Carousel pagina op GitHub. Klik op de groene knop en kies daarna 'Download ZIP'.

Voorbeelden
Op de site van Owl Carousel staat een aantal voorbeelden, die allemaal zijn gemaakt met plugins. Die plugins zijn onderdeel van het download-pakket, je kunt ze meteen gebruiken. De benodigde uitleg staat op de site.

Documentatie
Er is goede documentatie. De inhoudsopgave omvat:

• Installatie (= opnemen in je HTML-document).
• Veelgestelde vragen.
• API (Application Programming Interface). Dit is een set functies voor het gebruik van een programmabibliotheek. De Owl Carousel API bestaat uit drie groepen, waarmee je een heleboel zaken kunt (laten) regelen:
  
  • Opties. Instellen van parameters
  • Klassen. Bepalen of een element door Owl Carousel wordt afgehandeld en instellen van het gedrag van zo'n element.
  • Events. Reageren op muisklikken, callback-functies, acties tijdens en na events, zoals slepen en re-sizen.
• Ontwikkeling
  
  • Ingebouwde plugins. Owl Carousel wordt geleverd met een aantal plugins, waarmee je mooie dingen kunt doen. Zie bij de voorbeelden.
  • Plugin API. Hulpmiddel om zelf plugins te bouwen en in Owl Carousel op te nemen.
  • Eigen CSS maken met behulp van SASS. Dit vereist node.js en Grunt. Dit laatste is een soort werkomgeving die het uitvoeren van allerlei steeds herhalende taken gemakkelijker maakt.
  • Externe bibliotheken, waaronder Animate.css.

Opmerking:
 
Een werkende toepassing, die is gemaakt met Owl Carousel versie 1.3.3, vind je in het item Foto-carrousel met tijdlijn.
Wees er op bedacht dat Owl Carousel versie 1.x.x niet compatibel is met versie 2.x.x.