FlexSlider: verschil tussen versies
Geen bewerkingssamenvatting Labels: Handmatige ongedaanmaking Visuele tekstverwerker: omgeschakeld |
Geen bewerkingssamenvatting |
||
| Regel 16: | Regel 16: | ||
Per voorbeeld kan je de html broncode kopiëren en plakken in een sectie op jouw website. | 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]] | [[File:Knop Broncode.png|alt=knop Broncode|left]] | ||
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 | ||
| Regel 41: | Regel 41: | ||
</syntaxhighlight> | </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] | Op de Github pagina van de ontwikkelaar, Woocommerce, staan alle ingebouwde functionaliteiten beschreven. [https://github.com/woocommerce/FlexSlider/wiki/FlexSlider-Properties Link naar pagina] | ||
Versie van 12 jul 2026 15:39
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 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: