Code source wiki de TestCarrousel
Version 2.1 par Paul Libbrecht le 2017/01/23 10:23
Afficher les derniers auteurs
| author | version | line-number | content |
|---|---|---|---|
| 1 | {{html}} | ||
| 2 | |||
| 3 | <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> | ||
| 4 | <!-- Indicators --> | ||
| 5 | <ol class="carousel-indicators"> | ||
| 6 | <li data-target="#carousel-example-generic" data-slide-to="0" | ||
| 7 | class="active"><img src="/xwiki/bin/download/Bleus_Camp2013/WebHome/P7270062.JPG?width=300"> | ||
| 8 | </li> | ||
| 9 | <li data-target="#carousel-example-generic" data-slide-to="1"><img src="/xwiki/bin/download/Bleus_Camp2013/WebHome/P7270060.JPG?width=300"></li> | ||
| 10 | <li data-target="#carousel-example-generic" data-slide-to="2"><img src="/xwiki/bin/download/Louveteaux_Camp2013/Photos/camp-loulou-photos-paul-6?width=300"></li> | ||
| 11 | <li data-target="#carousel-example-generic" data-slide-to="3"><img src="/xwiki/bin/download/Louveteaux_Camp2013/Photos/DSC04833.JPG?width=300"></li> | ||
| 12 | <li data-target="#carousel-example-generic" data-slide-to="4"><img src="/xwiki/bin/download/Louveteaux_Camp2013/Photos/DSC04918.JPG?width=300"></li> | ||
| 13 | </ol> | ||
| 14 | |||
| 15 | <!-- Wrapper for slides --> | ||
| 16 | <div class="carousel-inner" role="listbox"> | ||
| 17 | <div class="item active"> | ||
| 18 | <img src="..." alt="..."> | ||
| 19 | <div class="carousel-caption"> | ||
| 20 | ... | ||
| 21 | </div> | ||
| 22 | </div> | ||
| 23 | <div class="item"> | ||
| 24 | <img src="..." alt="..."> | ||
| 25 | <div class="carousel-caption"> | ||
| 26 | ... | ||
| 27 | </div> | ||
| 28 | </div> | ||
| 29 | ... | ||
| 30 | </div> | ||
| 31 | |||
| 32 | <!-- Controls --> | ||
| 33 | <a class="left carousel-control" href="#carousel-example-generic" | ||
| 34 | role="button" data-slide="prev"> | ||
| 35 | <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> | ||
| 36 | <span class="sr-only">Previous</span> | ||
| 37 | </a> | ||
| 38 | <a class="right carousel-control" href="#carousel-example-generic" | ||
| 39 | role="button" data-slide="next"> | ||
| 40 | <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> | ||
| 41 | <span class="sr-only">Next</span> | ||
| 42 | </a></div> | ||
| 43 | |||
| 44 | {{/html}} |