Template: Carousel
From LibrePlanet
| (5 intermediate revisions by the same user not shown) | |||
| Line 15: | Line 15: | ||
|Caption3= | |Caption3= | ||
|Link3= | |Link3= | ||
| + | |Image4= | ||
| + | |Title4= | ||
| + | |Caption4= | ||
| + | |Link4= | ||
}} | }} | ||
</pre> | </pre> | ||
| Line 25: | Line 29: | ||
<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> | ||
</ol> | </ol> | ||
<!-- Carousel items --> | <!-- Carousel items --> | ||
| Line 52: | Line 57: | ||
</div><!-- /.carousel-caption --> | </div><!-- /.carousel-caption --> | ||
</div><!-- /Slide3 --> | </div><!-- /Slide3 --> | ||
| + | <!-- Slide 4 --> | ||
| + | <div class="item "> | ||
| + | [[File:{{{Image4|}}}{{!}}class=img-responsive{{!}}link={{{Link4}}}]] | ||
| + | <div class="carousel-caption"> | ||
| + | <h3>{{{Title4|}}}</h3> | ||
| + | <p>{{{Caption4}}}</p> | ||
| + | </div><!-- /.carousel-caption --> | ||
| + | </div><!-- /Slide4 --> | ||
</div><!-- /.carousel-inner --> | </div><!-- /.carousel-inner --> | ||
<!-- Controls removed --></div><!-- /#MyCarousel --> | <!-- Controls removed --></div><!-- /#MyCarousel --> | ||
</div><!-- /.main-slider --></includeonly> | </div><!-- /.main-slider --></includeonly> | ||
Latest revision as of 20:11, 20 March 2022
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=
|Image4=
|Title4=
|Caption4=
|Link4=
}}
Edit this page to inspect the template text.
