http://gids.wikiwerkers.nl/w/index.php?action=history&feed=atom&title=Widget%3ABS-Carousel-test1
Widget:BS-Carousel-test1 - Bewerkingsoverzicht
2026-05-11T15:14:43Z
Bewerkingsoverzicht voor deze pagina op de wiki
MediaWiki 1.27.1
http://gids.wikiwerkers.nl/w/index.php?title=Widget:BS-Carousel-test1&diff=325&oldid=prev
Bmulckhu: Aanmaken widget
2017-12-15T17:47:05Z
<p>Aanmaken widget</p>
<p><b>Nieuwe pagina</b></p><div><noinclude>Dit is een test om een standaard Bootstrap carousel via een widget te realiseren<br />
<br />
Om dit widget te gebruiken, plaats de volgende code:<br />
<br />
<nowiki>{{#widget:</nowiki>{{PAGENAME}}<nowiki>}}</nowiki><br />
<br />
Bron: https://bootstrapdocs.com/v3.3.6/docs/javascript/#carousel<br />
<br />
Versie: 0.1<br />
Gemaakt door: Bart Mulckhuijse<br />
</noinclude><includeonly><div id="carousel-example-generic" class="carousel slide" data-ride="carousel"><br />
<!-- Indicators --><br />
<ol class="carousel-indicators"><br />
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li><br />
<li data-target="#carousel-example-generic" data-slide-to="1"></li><br />
<li data-target="#carousel-example-generic" data-slide-to="2"></li><br />
</ol><br />
<br />
<!-- Wrapper for slides --><br />
<div class="carousel-inner" role="listbox"><br />
<div class="item active"><br />
<img src="http://theaterencyclopedie.nl/w/skins/zzz/images/header_images/TE_headerimage_1146x360-1.png" alt="Eerste afbeelding"><br />
<div class="carousel-caption"><br />
<h3>Label afbeelding 1</h3><br />
<p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p><br />
</div><br />
</div><br />
<div class="item"><br />
<img src="http://theaterencyclopedie.nl/w/skins/zzz/images/header_images/TE_headerimage_1146x360-2.png" alt="Tweede afbeelding"><br />
<div class="carousel-caption"><br />
<h3>Label afbeelding 2</h3><br />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p><br />
</div><br />
</div><br />
<div class="item"><br />
<img src="http://theaterencyclopedie.nl/w/skins/zzz/images/header_images/TE_headerimage_1146x360-3.png" alt="Derde afbeelding"><br />
<div class="carousel-caption"><br />
<h3>Label afbeelding 3</h3><br />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p><br />
</div><br />
</div><br />
</div><br />
<br />
<!-- Controls --><br />
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev"><br />
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span><br />
<span class="sr-only">Previous</span><br />
</a><br />
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next"><br />
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span><br />
<span class="sr-only">Next</span><br />
</a><br />
</div></includeonly></div>
Bmulckhu