Slider mit Bildern: Unterschied zwischen den Versionen
Aus GCMS Hilfe
(Die Seite wurde neu angelegt: „-“) |
|||
| Zeile 1: | Zeile 1: | ||
| − | - | + | Ein Beispiel wie so ein Slider aussehen kann finden Sie [http://www.uni-goettingen.de/en/slider+mit+bildern/582021.html hier]. |
| + | |||
| + | Der dazugehörige Code lautet: | ||
| + | <keinbr/> | ||
| + | <nowiki><div class="row carousel-container"></nowiki> | ||
| + | <nowiki><div id="gcms-slider" class="carousel slide" data-ride="carousel" data-interval="5000"></nowiki> | ||
| + | <nowiki><ol class="carousel-indicators hidden-xs"></nowiki> | ||
| + | <nowiki><li data-target="#gcms-slider" data-slide-to="0" class="active"></li></nowiki> | ||
| + | <nowiki><li data-target="#gcms-slider" data-slide-to="1"></li></nowiki> | ||
| + | <nowiki><li data-target="#gcms-slider" data-slide-to="2"></li></nowiki> | ||
| + | <nowiki><li data-target="#gcms-slider" data-slide-to="3"></li></nowiki> | ||
| + | <nowiki></ol></nowiki> | ||
| + | <nowiki><div class="carousel-inner" role="listbox"></nowiki> | ||
| + | <nowiki><div class="item active"></nowiki> | ||
| + | <image id="89749"> | ||
| + | <nowiki></div></nowiki> | ||
| + | <nowiki><div class="item"></nowiki> | ||
| + | <image id="89750"> | ||
| + | <nowiki></div></nowiki> | ||
| + | <nowiki><div class="item"></nowiki> | ||
| + | <image id="89751"> | ||
| + | <nowiki></div></nowiki> | ||
| + | <nowiki><div class="item"></nowiki> | ||
| + | <image id="89752"> | ||
| + | <nowiki></div></nowiki> | ||
| + | <nowiki></div></nowiki> | ||
| + | <a class="left carousel-control" href="#gcms-slider" role="button" data-slide="prev"> | ||
| + | <nowiki><span class="fa fa-chevron-left" aria-hidden="true"></span></nowiki> | ||
| + | <nowiki><span class="sr-only">Zurück</span></nowiki> | ||
| + | </a> | ||
| + | <a class="right carousel-control" href="#gcms-slider" role="button" data-slide="next"> | ||
| + | <nowiki><span class="fa fa-chevron-right" aria-hidden="true"></span></nowiki> | ||
| + | <nowiki><span class="sr-only">Vor</span></nowiki> | ||
| + | </a> | ||
| + | <nowiki></div></nowiki> | ||
| + | <nowiki></div></nowiki> | ||
Version vom 22. März 2018, 14:31 Uhr
Ein Beispiel wie so ein Slider aussehen kann finden Sie hier.
Der dazugehörige Code lautet:
<keinbr/> <div class="row carousel-container"> <div id="gcms-slider" class="carousel slide" data-ride="carousel" data-interval="5000"> <ol class="carousel-indicators hidden-xs"> <li data-target="#gcms-slider" data-slide-to="0" class="active"></li> <li data-target="#gcms-slider" data-slide-to="1"></li> <li data-target="#gcms-slider" data-slide-to="2"></li> <li data-target="#gcms-slider" data-slide-to="3"></li> </ol> <div class="carousel-inner" role="listbox"> <div class="item active"> <image id="89749"> </div> <div class="item"> <image id="89750"> </div> <div class="item"> <image id="89751"> </div> <div class="item"> <image id="89752"> </div> </div> <a class="left carousel-control" href="#gcms-slider" role="button" data-slide="prev"> <span class="fa fa-chevron-left" aria-hidden="true"></span> <span class="sr-only">Zurück</span> </a> <a class="right carousel-control" href="#gcms-slider" role="button" data-slide="next"> <span class="fa fa-chevron-right" aria-hidden="true"></span> <span class="sr-only">Vor</span> </a> </div> </div>
