FlexSlider: verschil tussen versies
Geen bewerkingssamenvatting |
Geen bewerkingssamenvatting Labels: Teruggedraaid Visuele tekstverwerker |
||
| Regel 20: | Regel 20: | ||
De Flexslider plaats je in een sectie van een pagina. Gebruik de WYSIWYG editor, optie Broncode | De Flexslider plaats je in een sectie van een pagina. Gebruik de WYSIWYG editor, optie Broncode | ||
<syntaxhighlight lang="">Plaats hier uw code</syntaxhighlight>Plaats de volgende broncode:<syntaxhighlight lang="html"> | |||
Plaats de volgende broncode:<syntaxhighlight lang="html"> | |||
<!-- Place somewhere in the <body> of your page --> | <!-- Place somewhere in the <body> of your page --> | ||
<div class="flexslider"> | <div class="flexslider"> | ||
Versie van 12 jul 2026 11:05
FlexSlider is een geweldige, volledig responsieve jQuery-slider-toolkit. Het is al geïnstalleerd in jouw website omgeving, 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 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
De Flexslider plaats je in een sectie van een pagina. Gebruik de WYSIWYG editor, optie Broncode
Plaats hier uw code
Plaats de volgende broncode:
<!-- 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>
Geavanceerde optie's
Op de Github pagina van de ontwikkelaar, Woocommerce, staan alle ingebouwde functionaliteiten beschreven. Link naar pagina
Andere pagina's met voorbeelden en handleidingen: