Template: Carousel
From LibrePlanet
| Line 6: | Line 6: | ||
|Title1= | |Title1= | ||
|Caption1= | |Caption1= | ||
| + | |Link1= | ||
|Image2= | |Image2= | ||
|Title2= | |Title2= | ||
|Caption2= | |Caption2= | ||
| + | |Link2= | ||
|Image3= | |Image3= | ||
|Title3= | |Title3= | ||
|Caption3= | |Caption3= | ||
| + | |Link3= | ||
}} | }} | ||
</pre> | </pre> | ||
| Line 27: | Line 30: | ||
<!-- Slide 1 : Active --> | <!-- Slide 1 : Active --> | ||
<div class="item active"> | <div class="item active"> | ||
| − | [[File:{{{Image1|}}}{{!}}class=img-responsive{{!}}link= | + | [[File:{{{Image1|}}}{{!}}class=img-responsive{{!}}link={{{Link1}}}]] |
<div class="carousel-caption"> | <div class="carousel-caption"> | ||
<h3>{{{Title1|}}}</h3> | <h3>{{{Title1|}}}</h3> | ||
| Line 35: | Line 38: | ||
<!-- Slide 2 --> | <!-- Slide 2 --> | ||
<div class="item "> | <div class="item "> | ||
| − | [[File:{{{Image2|}}}{{!}}class=img-responsive{{!}}link= | + | [[File:{{{Image2|}}}{{!}}class=img-responsive{{!}}link={{{Link2}}}]] |
<div class="carousel-caption"> | <div class="carousel-caption"> | ||
<h3>{{{Title|}}}</h3> | <h3>{{{Title|}}}</h3> | ||
| Line 43: | Line 46: | ||
<!-- Slide 3 --> | <!-- Slide 3 --> | ||
<div class="item "> | <div class="item "> | ||
| − | [[File:{{{Image3|}}}{{!}}class=img-responsive{{!}}link= | + | [[File:{{{Image3|}}}{{!}}class=img-responsive{{!}}link={{{Link3}}}]] |
<div class="carousel-caption"> | <div class="carousel-caption"> | ||
<h3>{{{Title3|}}}</h3> | <h3>{{{Title3|}}}</h3> | ||
Revision as of 17:02, 23 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=
|Link1=
|Image2=
|Title2=
|Caption2=
|Link2=
|Image3=
|Title3=
|Caption3=
|Link3=
}}
Edit this page to inspect the template text.
