Template: Carousel

From LibrePlanet
Jump to: navigation, search
(Created page with "<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...")
 
Line 12: Line 12:
 
|Title3=
 
|Title3=
 
|Caption3=
 
|Caption3=
|Image4=
 
|Title4=
 
|Caption4=
 
|Image5=
 
|Title5=
 
|Caption5=
 
 
}}
 
}}
 
</pre>
 
</pre>
Line 28: Line 22:
 
<li data-target="#MyCarousel" data-slide-to="1"></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="2"></li>
<li data-target="#MyCarousel" data-slide-to="3"></li>
 
<li data-target="#MyCarousel" data-slide-to="4"></li>
 
 
</ol>
 
</ol>
 
<!-- Carousel items -->
 
<!-- Carousel items -->
Line 57: Line 49:
 
</div><!-- /.carousel-caption -->
 
</div><!-- /.carousel-caption -->
 
</div><!-- /Slide3 -->
 
</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 -->
 
</div><!-- /.carousel-inner -->
 
<!-- Controls removed --></div><!-- /#MyCarousel -->
 
<!-- Controls removed --></div><!-- /#MyCarousel -->
 
</div><!-- /.main-slider --></includeonly>
 
</div><!-- /.main-slider --></includeonly>

Revision as of 11:48, 21 October 2019

This is the template "Carousel". This template will display Bootstrap Carrousel with five images (incl. titles and captions). It uses custom styling to enable fading instead of sliding images.

{{Carousel
|Image1=
|Title1=
|Caption1=
|Image2=
|Title2=
|Caption2=
|Image3=
|Title3=
|Caption3=
}}

Edit this page to inspect the template text.