Bearbeiten von „Vorlage:Carousel“

<noinclude>
This is the template "{{PAGENAME}}". This template will display Bootstrap Carrousel with five images (incl. titles and captions). It uses custom styling to enable ''fading'' instead of ''sliding'' images. 
<pre>
{{Carousel
|Image1=
|Title1=
|Caption1=
|Image2=
|Title2=
|Caption2=
|Image3=
|Title3=
|Caption3=
|Image4=
|Title4=
|Caption4=
|Image5=
|Title5=
|Caption5=
}}
</pre>
<span class="plainlinks">[{{fullurl:{{FULLPAGENAME}}|action=edit}} Edit this page]</span> to inspect the template text.
</noinclude><includeonly><div class="row main-slider">
<div id="MyCarousel" class="carousel slide carousel-fade" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#MyCarousel" data-slide-to="0" class="active"></li>
<li data-target="#MyCarousel" data-slide-to="1"></li>
<li data-target="#MyCarousel" data-slide-to="2"></li>
<li data-target="#MyCarousel" data-slide-to="3"></li>
<li data-target="#MyCarousel" data-slide-to="4"></li>
</ol>
<!-- Carousel items -->
<div class="carousel-inner" role="listbox">
<!-- Slide 1 : Active -->
<div class="item active">
[[File:{{{Image1|}}}{{!}}class=img-responsive{{!}}link=Hoofdpagina]]
<div class="carousel-caption">
<h3>{{{Title1|}}}</h3>
<p>{{{Caption1}}}</p>
</div><!-- /.carousel-caption -->
</div><!-- /Slide1 -->
<!-- Slide 2 -->
<div class="item ">
[[File:{{{Image2|}}}{{!}}class=img-responsive{{!}}link=Hoofdpagina]]
<div class="carousel-caption">
<h3>{{{Title|}}}</h3>
<p>{{{Caption2}}}</p>
</div><!-- /.carousel-caption -->
</div><!-- /Slide2 -->
<!-- Slide 3 -->
<div class="item ">
[[File:{{{Image3|}}}{{!}}class=img-responsive{{!}}link=Hoofdpagina]]
<div class="carousel-caption">
<h3>{{{Title3|}}}</h3>
<p>{{{Caption3}}}</p>
</div><!-- /.carousel-caption -->
</div><!-- /Slide3 -->
<!-- Slide 4 -->
<div class="item ">
[[File:{{{Image4|}}}{{!}}class=img-responsive{{!}}link=Hoofdpagina]]
<div class="carousel-caption">
<h3>{{{Title4|}}}</h3>
<p>{{{Caption4}}}</p>
</div><!-- /.carousel-caption -->
</div><!-- /Slide4 -->
<!-- Slide 5-->
<div class="item ">
[[File:{{{Image5|}}}{{!}}class=img-responsive{{!}}link=Hoofdpagina]]
<div class="carousel-caption">
<h3>{{{Title5|}}}</h3>
<p>{{{Caption5}}}</p>
</div><!-- /.carousel-caption -->
</div><!-- /Slide5 -->
</div><!-- /.carousel-inner -->
<!-- Controls removed --></div><!-- /#MyCarousel -->
</div><!-- /.main-slider --></includeonly>