Template: Carousel
Da Le ricette di Trippa Advisor.
(Creata pagina con "<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...") |
|||
| (8 versioni intermedie di uno stesso utente non sono mostrate) | |||
| Riga 5: | Riga 5: | ||
|Image1= | |Image1= | ||
|Title1= | |Title1= | ||
| + | |Link1= | ||
|Caption1= | |Caption1= | ||
| − | |||
|Image2= | |Image2= | ||
|Title2= | |Title2= | ||
| + | |Link2= | ||
|Caption2= | |Caption2= | ||
| − | |||
|Image3= | |Image3= | ||
|Title3= | |Title3= | ||
| + | |Link3= | ||
|Caption3= | |Caption3= | ||
| − | |||
|Image4= | |Image4= | ||
|Title4= | |Title4= | ||
| + | |Link4= | ||
|Caption4= | |Caption4= | ||
| − | |||
|Image5= | |Image5= | ||
|Title5= | |Title5= | ||
| + | |Link5= | ||
|Caption5= | |Caption5= | ||
| − | |||
}} | }} | ||
</pre> | </pre> | ||
| Riga 40: | Riga 40: | ||
<!-- Slide 1 : Active --> | <!-- Slide 1 : Active --> | ||
<div class="item active"> | <div class="item active"> | ||
| − | [[File:{{{Image1|}}}{{!}}class=img-responsive{{!}}link=Link1]] | + | [[File:{{{Image1|}}}{{!}}class=img-responsive{{!}}link={{{Link1|}}}]] |
<div class="carousel-caption"> | <div class="carousel-caption"> | ||
<h3>{{{Title1|}}}</h3> | <h3>{{{Title1|}}}</h3> | ||
| Riga 48: | Riga 48: | ||
<!-- Slide 2 --> | <!-- Slide 2 --> | ||
<div class="item "> | <div class="item "> | ||
| − | [[File:{{{Image2|}}}{{!}}class=img-responsive{{!}}link=Link2]] | + | [[File:{{{Image2|}}}{{!}}class=img-responsive{{!}}link={{{Link2|}}}]] |
<div class="carousel-caption"> | <div class="carousel-caption"> | ||
| − | <h3>{{{ | + | <h3>{{{Title2|}}}</h3> |
<p>{{{Caption2}}}</p> | <p>{{{Caption2}}}</p> | ||
</div><!-- /.carousel-caption --> | </div><!-- /.carousel-caption --> | ||
| Riga 56: | Riga 56: | ||
<!-- Slide 3 --> | <!-- Slide 3 --> | ||
<div class="item "> | <div class="item "> | ||
| − | [[File:{{{Image3|}}}{{!}}class=img-responsive{{!}}link=Link3]] | + | [[File:{{{Image3|}}}{{!}}class=img-responsive{{!}}link={{{Link3|}}}]] |
<div class="carousel-caption"> | <div class="carousel-caption"> | ||
<h3>{{{Title3|}}}</h3> | <h3>{{{Title3|}}}</h3> | ||
| Riga 64: | Riga 64: | ||
<!-- Slide 4 --> | <!-- Slide 4 --> | ||
<div class="item "> | <div class="item "> | ||
| − | [[File:{{{Image4|}}}{{!}}class=img-responsive{{!}}link=Link4]] | + | [[File:{{{Image4|}}}{{!}}class=img-responsive{{!}}link={{{Link4|}}}]] |
<div class="carousel-caption"> | <div class="carousel-caption"> | ||
<h3>{{{Title4|}}}</h3> | <h3>{{{Title4|}}}</h3> | ||
| Riga 72: | Riga 72: | ||
<!-- Slide 5--> | <!-- Slide 5--> | ||
<div class="item "> | <div class="item "> | ||
| − | [[File:{{{Image5|}}}{{!}}class=img-responsive{{!}}link=Link5]] | + | [[File:{{{Image5|}}}{{!}}class=img-responsive{{!}}link={{{Link5|}}}]] |
<div class="carousel-caption"> | <div class="carousel-caption"> | ||
<h3>{{{Title5|}}}</h3> | <h3>{{{Title5|}}}</h3> | ||
| Riga 79: | Riga 79: | ||
</div><!-- /Slide5 --> | </div><!-- /Slide5 --> | ||
</div><!-- /.carousel-inner --> | </div><!-- /.carousel-inner --> | ||
| − | <!-- Controls | + | <!-- Controls--> |
| + | </div><!-- /#MyCarousel --> | ||
</div><!-- /.main-slider --></includeonly> | </div><!-- /.main-slider --></includeonly> | ||
Versione attuale delle 16:47, 7 lug 2020
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=
|Link1=
|Caption1=
|Image2=
|Title2=
|Link2=
|Caption2=
|Image3=
|Title3=
|Link3=
|Caption3=
|Image4=
|Title4=
|Link4=
|Caption4=
|Image5=
|Title5=
|Link5=
|Caption5=
}}
Edit this page to inspect the template text.