Brontekst bekijken van FlexSlider/nl

<languages />
FlexSlider is een geweldige, volledig responsieve jQuery-slider-toolkit. Het is mee geïnstalleerd met de template FR Classic, klaar voor gebruik.

'''Functies'''

* Eenvoudige, semantische opmaak
* Wordt ondersteund door alle gangbare browsers
* Horizontale en verticale schuif- en fade-animaties
* Ondersteuning voor meerdere schuifbalken, Callback API en meer
* Ondersteuning voor hardwareversnelde veegbewegingen
* Aangepaste navigatieopties
* Compatibel met de nieuwste versie van jQuery


Bezoek de [http://flexslider.woothemes.com FlexSlider pagina] van Woo Themes voor voorbeelden.

Per voorbeeld kan je de html broncode kopiëren en plakken in een sectie op jouw website.

== Toepassing ==
[[File:Knop Broncode.png|alt=knop Broncode|left]]
De Flexslider plaats je in een sectie van een pagina. Gebruik de WYSIWYG editor, optie Broncode 


Plaats de volgende broncode:<syntaxhighlight lang="html">
<!-- Place somewhere in the <body> of your page -->
<div class="flexslider">
  <ul class="slides">
    <li>
      <img src="slide1.jpg" />
    </li>
    <li>
      <img src="slide2.jpg" />
    </li>
    <li>
      <img src="slide3.jpg" />
    </li>
    <li>
      <img src="slide4.jpg" />
    </li>
  </ul>
</div>
</syntaxhighlight>

== Geavanceerde optie's ==
Op de Github pagina van de ontwikkelaar, Woocommerce, staan alle ingebouwde functionaliteiten beschreven. [https://github.com/woocommerce/FlexSlider/wiki/FlexSlider-Properties Link naar pagina]

Andere pagina's met voorbeelden en handleidingen:

[https://www.myjqueryplugins.com/jquery-plugin/flexslider/ MyjQuery Plugins]

[https://manuals.muthu.co/posts/javascript-libraries-and-functions/flexslider.html Muthu Manuals]

[https://www.jqueryscript.net/slider/Awesome-Fully-Responsive-jQuery-Slider-FlexSlider.html jQuery Script.net]